diff --git a/src/views/Game/components/CardInventory.tsx b/src/views/Game/components/CardInventory.tsx index e890d59..38326f2 100644 --- a/src/views/Game/components/CardInventory.tsx +++ b/src/views/Game/components/CardInventory.tsx @@ -132,7 +132,7 @@ const CardStack = memo((props: { size: number }) => { opacity: 0.75, backgroundColor: (t) => darken(t.palette.background.paper, (i / props.size) * 0.15), - transform: randomRotationBetween(-8, 8), + transform: randomRotationBetween(-12, 12), }} /> ))} diff --git a/src/views/Game/components/Table.tsx b/src/views/Game/components/Table.tsx index aec0b83..8ffabed 100644 --- a/src/views/Game/components/Table.tsx +++ b/src/views/Game/components/Table.tsx @@ -1,5 +1,6 @@ import { alpha, + Chip, Stack, Table, TableBody, @@ -45,27 +46,36 @@ const GameTable: FunctionComponent = () => { Round - {game.players.map((player, i) => ( - { + const isActive = + gameMetrics.activePlayerIndex === i && !gameMetrics.done; - fontWeight: - gameMetrics.activePlayerIndex === i && !gameMetrics.done - ? "bold" - : "normal", - overflow: "hidden", - textOverflow: "ellipsis", - whiteSpace: "nowrap", - }} - > - {player.username} - - ))} + return ( + + {isActive ? ( + `${t.shape.borderRadius}px `, + }} + /> + ) : ( + <>{player.username} + )} + + ); + })}