abner/for-legacy-web
1
0
Fork 1
mirror of https://github.com/stoatchat/for-legacy-web.git synced 2026-03-09 10:15:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Fixed pending requests menu sizing

Browse Source
This commit is contained in:
nizune
2021-07-02 19:48:11 +02:00
parent 418947c6fa
commit d4bec3dc1b
3 changed files with 49 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/friends/Friends.tsx
View File

@@ -77,14 +77,14 @@ export default function Friends() {
{ lists[0][1].length > 0 && <div className={styles.pending}
onClick={() => openScreen({ id: 'pending_requests', users: lists[0][1].map(x => x._id) })}>
<div className={styles.avatars}>
{ lists[0][1].map((x, i) => i < 3 && <UserIcon target={x} size={64} />) }
{ lists[0][1].map((x, i) => i < 3 && <UserIcon target={x} size={54} />) }
</div>
<div className={styles.details}>
{/* ! FIXME: i18n */}
<div>Pending requests <span>{ lists[0][1].length }</span></div>
<span>From { lists[0][1].map(x => x.username).join(', ') }</span>
<div className={styles.title}>Pending requests<span>{ lists[0][1].length }</span></div>
<span className={styles.from}>From <span className={styles.user}>{ lists[0][1].map(x => x.username).join(', ') }</span></span>
</div>
<ChevronRight size={48} />
<ChevronRight size={28} />
</div> }
{