Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-03-21 18:04:39 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Prevent friend request username from overflowing

Browse Source
This commit is contained in:
hfcRed 2026-03-20 04:28:47 +01:00
parent eecab39cd3
commit 7cb7710cc3
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/features/friends/routes/friends.module.css
View File

@ -13,6 +13,12 @@
font-weight: var(--weight-semi); font-weight: var(--weight-semi);
} }
.userName {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.friendsListHeader { .friendsListHeader {
display: flex; display: flex;
align-items: center; align-items: center;

2
app/features/friends/routes/friends.tsx
View File

@ -72,7 +72,7 @@ function IncomingRequestsSection() {
}} }}
size="xs" size="xs"
/> />
<span>{request.sender.username}</span> <span className={styles.userName}>{request.sender.username}</span>
</div> </div>
<div className="stack horizontal sm"> <div className="stack horizontal sm">
<Form method="post"> <Form method="post">