heaven/vojo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style(settings): render member handles in mono and power-group headers as uppercase tracked labels

Browse source
This commit is contained in:
heaven 2026-06-04 02:40:08 +03:00
parent 0beb98e4d1
commit 390149d1f6
2 changed files with 19 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/app/components/member-tile/MemberTile.tsx
View file

@ -41,8 +41,14 @@ export const MemberTile = as<'button', MemberTileProps>(
<b>{name}</b> <b>{name}</b>
</Text> </Text>
<Box alignItems="Center" justifyContent="SpaceBetween" gap="100"> <Box alignItems="Center" justifyContent="SpaceBetween" gap="100">
<Text as="span" size="T200" priority="300" truncate> <Text
{username} as="span"
size="T200"
priority="300"
truncate
style={{ fontFamily: 'var(--font-mono)' }}
>
{username ? `@${username}` : member.userId}
</Text> </Text>
</Box> </Box>
</Box> </Box>

12
src/app/features/common-settings/members/Members.tsx
View file

@ -351,9 +351,19 @@ export function Members({ requestClose }: MembersProps) {
<div <div
style={{ style={{
paddingTop: vItem.index === 0 ? 0 : config.space.S500, paddingTop: vItem.index === 0 ? 0 : config.space.S500,
paddingBottom: config.space.S100,
}} }}
> >
<Text size="L400">{tagOrMember.name}</Text> <Text
size="L400"
style={{
textTransform: 'uppercase',
letterSpacing: '0.08em',
color: 'rgba(230, 230, 233, 0.5)',
}}
>
{tagOrMember.name}
</Text>
</div> </div>
</VirtualTile> </VirtualTile>
); );