hmmm
This commit is contained in:
parent
ea1adf2a1c
commit
e3d1512145
1 changed files with 12 additions and 11 deletions
23
src/App.tsx
23
src/App.tsx
|
@ -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 && (
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue