Fix: Fixed bugs in friends menu

This commit is contained in:
nizune 2021-07-03 10:57:07 +02:00
parent b6724c6680
commit 341b4ddc5e
2 changed files with 15 additions and 1 deletions

View file

@ -1,3 +1,9 @@
.title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.actions {
display: flex;
align-items: center;
@ -19,6 +25,12 @@
z-index: 10;
cursor: pointer;
.title {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
svg {
margin-inline-end: 4px;
}

View file

@ -116,7 +116,9 @@ export default function Friends() {
<summary>
<Overline className={styles.overline} type="subtle">
<ChevronDown size={20} />
<Text id={i18n} /> { list.length }
<div className={styles.title}>
<Text id={i18n} /> { list.length }
</div>
</Overline>
</summary>
{ list.map(x => <Friend key={x._id} user={x} />) }