💄 Update participant row styles

This commit is contained in:
Luke Vella 2025-03-13 16:58:36 +00:00
parent a7deef539f
commit d826f57050
No known key found for this signature in database
GPG key ID: 469CAD687F0D784C

View file

@ -50,19 +50,19 @@ export const ParticipantRowView: React.FunctionComponent<{
style={{ minWidth: 240, maxWidth: 240 }} style={{ minWidth: 240, maxWidth: 240 }}
className="sticky left-0 z-10 h-12 bg-white px-4" className="sticky left-0 z-10 h-12 bg-white px-4"
> >
<div className="flex max-w-full items-center justify-between gap-x-4"> <div className="flex max-w-full items-center justify-between gap-x-2">
<div className="min-w-0"> <Participant>
<Participant> <OptimizedAvatarImage size="xs" name={name} />
<OptimizedAvatarImage size="xs" name={name} /> <ParticipantName>{name}</ParticipantName>
<ParticipantName>{name}</ParticipantName> </Participant>
{isYou ? ( <div className="flex items-center gap-x-2">
<Badge> {isYou ? (
<Trans i18nKey="you" /> <Badge className="shrink-0">
</Badge> <Trans i18nKey="you" />
) : null} </Badge>
</Participant> ) : null}
{action}
</div> </div>
<div>{action}</div>
</div> </div>
</td> </td>
{votes.map((vote, i) => { {votes.map((vote, i) => {