mirror of
https://github.com/ChenQihan666/MyBlog-Next.git
synced 2026-08-14 07:33:07 +08:00
style: left-align text, wrap avatar top, bigger font
This commit is contained in:
@@ -85,7 +85,7 @@ const links: FriendLink[] = [
|
|||||||
|
|
||||||
.link-card {
|
.link-card {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: flex-start;
|
||||||
gap: 1rem;
|
gap: 1rem;
|
||||||
padding: 1rem 1.25rem;
|
padding: 1rem 1.25rem;
|
||||||
border: 1.5px dashed var(--border);
|
border: 1.5px dashed var(--border);
|
||||||
@@ -103,8 +103,8 @@ const links: FriendLink[] = [
|
|||||||
}
|
}
|
||||||
|
|
||||||
.link-avatar {
|
.link-avatar {
|
||||||
width: 48px;
|
width: 50px;
|
||||||
height: 48px;
|
height: 50px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
@@ -114,18 +114,19 @@ const links: FriendLink[] = [
|
|||||||
.link-info {
|
.link-info {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 0.2rem;
|
gap: 0.25rem;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.link-name {
|
.link-name {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 1.05rem;
|
font-size: 1.1rem;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
}
|
}
|
||||||
|
|
||||||
.link-desc {
|
.link-desc {
|
||||||
font-size: 0.85rem;
|
font-size: 0.88rem;
|
||||||
color: var(--muted-foreground);
|
color: var(--muted-foreground);
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|||||||
Reference in New Issue
Block a user