Fix WhosWatching Spacing FINALLY

This commit is contained in:
thororen1234 2025-03-15 20:27:22 -04:00
parent bbb641b378
commit edacc7efa0
No known key found for this signature in database

View file

@ -119,11 +119,12 @@ export default definePlugin({
<> <>
<div {...props}>{props.children}</div> <div {...props}>{props.children}</div>
<div className={classes(cl("spectators_panel"), Margins.top8)}> <div className={classes(cl("spectators_panel"), Margins.top8)}>
{users.length ? <Forms.FormTitle tag="h3" style={{ marginTop: 8, marginBottom: 0, textTransform: "uppercase" }}>
<>
<Forms.FormTitle tag="h3" style={{ marginTop: 8, marginBottom: 0, marginLeft: 8, textTransform: "uppercase" }}>
{getIntlMessage("SPECTATORS", { numViewers: userIds.length })} {getIntlMessage("SPECTATORS", { numViewers: userIds.length })}
</Forms.FormTitle> </Forms.FormTitle>
<div style={{ marginLeft: 8 }}>
{users.length ?
<>
<UserSummaryItem <UserSummaryItem
users={users} users={users}
count={userIds.length} count={userIds.length}
@ -131,8 +132,9 @@ export default definePlugin({
max={12} max={12}
showDefaultAvatarsForNullUsers showDefaultAvatarsForNullUsers
renderMoreUsers={renderMoreUsers} renderMoreUsers={renderMoreUsers}
renderUser={(user: User) => ( renderUser={(user: User, index: number) => (
<Clickable <Clickable
key={index}
className={AvatarStyles.clickableAvatar} className={AvatarStyles.clickableAvatar}
onClick={() => openUserProfile(user.id)} onClick={() => openUserProfile(user.id)}
> >
@ -141,15 +143,15 @@ export default definePlugin({
src={user.getAvatarURL(void 0, 80, true)} src={user.getAvatarURL(void 0, 80, true)}
alt={user.username} alt={user.username}
title={user.username} title={user.username}
style={{ marginLeft: 8 }}
/> />
</Clickable> </Clickable>
)} )}
/> />
</> </>
: <Forms.FormText style={{ marginLeft: 8 }}>No spectators</Forms.FormText> : <Forms.FormText>No spectators</Forms.FormText>
} }
</div> </div>
</div>
</> </>
); );
}), }),