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,36 +119,38 @@ 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" }}>
<> {getIntlMessage("SPECTATORS", { numViewers: userIds.length })}
<Forms.FormTitle tag="h3" style={{ marginTop: 8, marginBottom: 0, marginLeft: 8, textTransform: "uppercase" }}> </Forms.FormTitle>
{getIntlMessage("SPECTATORS", { numViewers: userIds.length })} <div style={{ marginLeft: 8 }}>
</Forms.FormTitle> {users.length ?
<UserSummaryItem <>
users={users} <UserSummaryItem
count={userIds.length} users={users}
renderIcon={false} count={userIds.length}
max={12} renderIcon={false}
showDefaultAvatarsForNullUsers max={12}
renderMoreUsers={renderMoreUsers} showDefaultAvatarsForNullUsers
renderUser={(user: User) => ( renderMoreUsers={renderMoreUsers}
<Clickable renderUser={(user: User, index: number) => (
className={AvatarStyles.clickableAvatar} <Clickable
onClick={() => openUserProfile(user.id)} key={index}
> className={AvatarStyles.clickableAvatar}
<img onClick={() => openUserProfile(user.id)}
className={AvatarStyles.avatar} >
src={user.getAvatarURL(void 0, 80, true)} <img
alt={user.username} className={AvatarStyles.avatar}
title={user.username} src={user.getAvatarURL(void 0, 80, true)}
style={{ marginLeft: 8 }} alt={user.username}
/> title={user.username}
</Clickable> />
)} </Clickable>
/> )}
</> />
: <Forms.FormText style={{ marginLeft: 8 }}>No spectators</Forms.FormText> </>
} : <Forms.FormText>No spectators</Forms.FormText>
}
</div>
</div> </div>
</> </>
); );