lubiana/rubbellos
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

hmmm

Browse source
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
1 changed files with 12 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/App.tsx
View file

@ -124,7 +124,7 @@ function App() {
// --- UI --- // --- UI ---
return ( 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> <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">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> <div className="mb-4 text-lg">Gubble Points: <span className="font-mono font-bold">{gubblePoints}</span></div>
@ -142,10 +142,10 @@ function App() {
upgrades={upgrades} upgrades={upgrades}
onBuyUpgrade={handleBuyUpgrade} 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) => ( {TIERS.map((tier) => (
<div key={tier.name} className="inline-block min-w-[8rem]">
<TierCard <TierCard
key={tier.name}
tier={tier} tier={tier}
unlocked={unlockedTiers.includes(tier.name)} unlocked={unlockedTiers.includes(tier.name)}
money={money} money={money}
@ -153,6 +153,7 @@ function App() {
onBuy={handleBuyCard} onBuy={handleBuyCard}
gubblePointChance={tier.gubblePointChance} gubblePointChance={tier.gubblePointChance}
/> />
</div>
))} ))}
</div> </div>
{card && ( {card && (