This commit is contained in:
lubiana 2025-07-12 19:06:54 +02:00
parent ea1adf2a1c
commit e3d1512145
Signed by: lubiana
SSH key fingerprint: SHA256:vW1EA0fRR3Fw+dD/sM0K+x3Il2gSry6YRYHqOeQwrfk

View file

@ -124,7 +124,7 @@ function App() {
// --- UI ---
return (
<div className="min-h-screen bg-gray-100 flex flex-col items-center justify-center">
<div className="min-h-screen bg-gray-100 flex flex-col items-center ">
<h1 className="text-3xl font-bold text-blue-600 mb-2">Scratch Card Game</h1>
<div className="mb-4 text-lg">Money: <span className="font-mono font-bold">${money}</span></div>
<div className="mb-4 text-lg">Gubble Points: <span className="font-mono font-bold">{gubblePoints}</span></div>
@ -142,17 +142,18 @@ function App() {
upgrades={upgrades}
onBuyUpgrade={handleBuyUpgrade}
/>
<div className="flex flex-wrap gap-6 mb-8 justify-center">
<div className="mb-8 w-full max-w-5xl overflow-x-auto whitespace-nowrap flex flex-row items-center space-x-4 scrollbar-thin scrollbar-thumb-gray-400 scrollbar-track-gray-100">
{TIERS.map((tier) => (
<TierCard
key={tier.name}
tier={tier}
unlocked={unlockedTiers.includes(tier.name)}
money={money}
onUnlock={handleUnlockTier}
onBuy={handleBuyCard}
gubblePointChance={tier.gubblePointChance}
/>
<div key={tier.name} className="inline-block min-w-[8rem]">
<TierCard
tier={tier}
unlocked={unlockedTiers.includes(tier.name)}
money={money}
onUnlock={handleUnlockTier}
onBuy={handleBuyCard}
gubblePointChance={tier.gubblePointChance}
/>
</div>
))}
</div>
{card && (