💄 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>
<div className="flex items-center gap-x-2">
{isYou ? ( {isYou ? (
<Badge> <Badge className="shrink-0">
<Trans i18nKey="you" /> <Trans i18nKey="you" />
</Badge> </Badge>
) : null} ) : null}
</Participant> {action}
</div> </div>
<div>{action}</div>
</div> </div>
</td> </td>
{votes.map((vote, i) => { {votes.map((vote, i) => {