diff --git a/components/Scoreboard.tsx b/components/Scoreboard.tsx index 6743bdc..e44f4bf 100644 --- a/components/Scoreboard.tsx +++ b/components/Scoreboard.tsx @@ -93,39 +93,29 @@ const PlayerRow: React.FC = ({ player, index, maxScore }) => { initial={{ opacity: 0, x: -20 }} animate={{ opacity: 1, x: 0 }} transition={{ delay: baseDelay, duration: 0.4 }} - className="flex flex-col md:flex-row md:items-center gap-2 md:gap-4 py-3" + className="flex flex-col gap-2 py-3" > -
+
{player.displayName}
-
- - - -
+ + +
-
-
- -
- -
- - - -
+
+
-
+
{breakdown === null && ( = ({ players, onNext, isHost, ...p, displayName: p.id === currentPlayerId ? `${p.name} (You)` : p.name })); - const sortedPlayers = [...playersWithDisplayName].sort((a, b) => b.score - a.score).slice(0, 5); + const sortedPlayers = [...playersWithDisplayName].sort((a, b) => b.score - a.score); const maxScore = Math.max(...sortedPlayers.map(p => p.score), 1); return ( -
-
+
+

Scoreboard

-
+
{sortedPlayers.map((player, index) => ( @@ -217,7 +207,7 @@ export const Scoreboard: React.FC = ({ players, onNext, isHost,
-
+
{isHost ? (