mirror of
https://github.com/lukevella/rallly.git
synced 2025-08-06 01:48:32 +02:00
💄 Update participant row styles
This commit is contained in:
parent
a7deef539f
commit
d826f57050
1 changed files with 12 additions and 12 deletions
|
@ -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) => {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue