add better styling to scoreboard

dannybunschoten · Aug 29, 2024 · 7407bad · 7407bad
1 parent 997c477
commit 7407bad
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/app/components/Item.tsx b/app/components/Item.tsx
@@ -31,7 +31,7 @@ export function Item({ item, isWinning }: { item: Fruit; isWinning: boolean }) {
       className={`flex items-center justify-center p-2 lg:p-4 ${isWinning ? "animate-[glow_0.7s_alternate_infinite]" : ""}`}
     >
       <Image
-        src={map[item]}
+        src={map[item] || seven}
         alt={item}
         className="h-[60px] w-[60px] rotate-180 lg:h-[96px] lg:w-[96px]"
         priority

diff --git a/app/components/ScoreList.tsx b/app/components/ScoreList.tsx
@@ -12,10 +12,8 @@ export const ScoreList = async () => {
     <ol className="list-inside list-decimal marker:text-black">
       {highScores.map((score, index) => (
         <li key={index} className="list-item text-3xl">
-          <div className="flex w-full items-center justify-between">
-            <span>{score.name}</span>
-            <span>{score.score}</span>
-          </div>
+          <span>{score.name || "Default User"}</span>
+          <span className="float-end">{score.score}</span>
         </li>
       ))}
     </ol>