sendou.ink/app/features/user-page/components/MutualFriends.module.css
2026-08-05 18:16:24 +03:00

42 lines
581 B
CSS

.trigger {
display: flex;
align-items: center;
font-size: var(--font-xs);
font-weight: var(--weight-bold);
span {
color: var(--color-text-high);
}
}
.avatarStack {
display: flex;
align-items: center;
}
.stackedAvatar {
border-radius: 50%;
border: 2px solid var(--color-bg);
&:not(:first-child) {
margin-inline-start: -8px;
}
}
.overflow {
font-size: var(--font-xs);
margin-inline: var(--s-1);
}
.list {
display: flex;
flex-direction: column;
gap: var(--s-0-5);
max-height: 300px;
overflow-y: auto;
}
.friendLink {
padding: var(--s-0-5) var(--s-1);
}