Websites/interactives
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Change interactive sum color

Browse source 
Make the sum's color red when it exceeds the target sum.
This commit is contained in:
gpt-engineer-app[bot] 2025-07-19 14:39:24 +00:00
parent 9f272d98ee
commit ee4f62434e
1 changed files with 1 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/BinaryNumberGame.tsx
View file

@ -133,7 +133,7 @@ const BinaryNumberGame: React.FC<BinaryNumberGameProps> = ({ showSocialShare = t
<Card className="bg-secondary">
<CardContent className="p-6 text-center">
<h3 className="text-lg font-semibold text-muted-foreground mb-2">Current Sum</h3>
<div className="text-4xl font-bold text-foreground">{currentSum}</div>
<div className={`text-4xl font-bold ${currentSum > targetNumber ? "text-red-600" : "text-foreground"}`}>{currentSum}</div>
</CardContent>
</Card>
<Card className="bg-primary/10 border-primary/20">