style: left-align text, wrap avatar top, bigger font

This commit is contained in:
2026-08-11 09:12:21 +00:00
parent 23011a7dcf
commit 766bfaf2f9
+7 -6
View File
@@ -85,7 +85,7 @@ const links: FriendLink[] = [
.link-card {
display: flex;
align-items: center;
align-items: flex-start;
gap: 1rem;
padding: 1rem 1.25rem;
border: 1.5px dashed var(--border);
@@ -103,8 +103,8 @@ const links: FriendLink[] = [
}
.link-avatar {
width: 48px;
height: 48px;
width: 50px;
height: 50px;
border-radius: 50%;
flex-shrink: 0;
object-fit: cover;
@@ -114,18 +114,19 @@ const links: FriendLink[] = [
.link-info {
display: flex;
flex-direction: column;
gap: 0.2rem;
gap: 0.25rem;
min-width: 0;
justify-content: center;
}
.link-name {
font-weight: 600;
font-size: 1.05rem;
font-size: 1.1rem;
line-height: 1.4;
}
.link-desc {
font-size: 0.85rem;
font-size: 0.88rem;
color: var(--muted-foreground);
line-height: 1.4;
overflow: hidden;