💄 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 }}
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="min-w-0">
<Participant>
<OptimizedAvatarImage size="xs" name={name} />
<ParticipantName>{name}</ParticipantName>
{isYou ? (
<Badge>
<Trans i18nKey="you" />
</Badge>
) : null}
</Participant>
<div className="flex max-w-full items-center justify-between gap-x-2">
<Participant>
<OptimizedAvatarImage size="xs" name={name} />
<ParticipantName>{name}</ParticipantName>
</Participant>
<div className="flex items-center gap-x-2">
{isYou ? (
<Badge className="shrink-0">
<Trans i18nKey="you" />
</Badge>
) : null}
{action}
</div>
<div>{action}</div>
</div>
</td>
{votes.map((vote, i) => {