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

Brighten stats card background gradients

Browse Source 
- Increased gradient opacity from 5% to 20%
- Added secondary gradient color for depth
- Slightly increased border opacity

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

6
src/components/StatsCard.tsx
View File

@ -53,10 +53,10 @@ export function StatsCard({ usageData, substance }: StatsCardProps) {
const substanceLabel = substance === 'nicotine' ? 'Nicotine' : 'Marijuana';
const unitLabel = substance === 'nicotine' ? 'puffs' : 'hits';
const iconColor = substance === 'nicotine' ? 'text-red-400' : 'text-green-400';
const borderColor = substance === 'nicotine' ? 'border-red-500/20' : 'border-green-500/20';
const borderColor = substance === 'nicotine' ? 'border-red-500/30' : 'border-green-500/30';
const bgGradient = substance === 'nicotine'
? 'from-red-500/5 to-transparent'
: 'from-green-500/5 to-transparent';
? 'from-red-500/20 to-red-900/10'
: 'from-green-500/20 to-green-900/10';
return (
<Card className={`bg-card/80 backdrop-blur-sm border ${borderColor} bg-gradient-to-br ${bgGradient} shadow-lg drop-shadow-md`}>