averyfelts/Stop_smoking_website_ver2
1
2
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix stats boxes to use dark transparent background with white text

Browse Source 
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Avery Felts 2026-01-24 01:26:37 -07:00
parent b15f9a3c8e
commit d07e1bc8fb
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/StatsCard.tsx
View File

@ -68,19 +68,19 @@ export function StatsCard({ usageData, substance }: StatsCardProps) {
</CardHeader>
<CardContent>
<div className="grid grid-cols-2 gap-4">
<div className="bg-muted p-4 rounded-lg text-center">
<div className="bg-white/10 p-4 rounded-lg text-center">
<p className="text-2xl font-bold text-white">{todayUsage}</p>
<p className="text-sm text-white/70">Today</p>
</div>
<div className="bg-muted p-4 rounded-lg text-center">
<div className="bg-white/10 p-4 rounded-lg text-center">
<p className="text-2xl font-bold text-white">{weekAverage}</p>
<p className="text-sm text-white/70">Daily Avg (7d)</p>
</div>
<div className="bg-muted p-4 rounded-lg text-center">
<div className="bg-white/10 p-4 rounded-lg text-center">
<p className="text-2xl font-bold text-white">{streak}</p>
<p className="text-sm text-white/70">Free days</p>
</div>
<div className="bg-muted p-4 rounded-lg text-center">
<div className="bg-white/10 p-4 rounded-lg text-center">
<p className="text-2xl font-bold text-white">{totalDays}</p>
<p className="text-sm text-white/70">Days tracked</p>
</div>