Fix stats boxes to use dark transparent background with white text
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
parent
b15f9a3c8e
commit
d07e1bc8fb
@ -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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user