style: apply strong gradient colors to stats cards instead of light backgrounds

This commit is contained in:
Aleksandar 2025-12-11 14:11:22 +01:00
parent 918357c00c
commit 204e6edca5

View File

@ -45,7 +45,7 @@ export function StatsCard({ title, value, change, trend, icon: Icon, color = "bl
const styles = colorStyles[color]; const styles = colorStyles[color];
return ( return (
<Card className={`bg-gradient-to-br ${styles.light} border-0 shadow-lg hover:shadow-2xl transition-all duration-300 overflow-hidden group h-full`}> <Card className={`bg-gradient-to-br ${styles.bg} border-0 shadow-lg hover:shadow-2xl transition-all duration-300 overflow-hidden group h-full`}>
<CardHeader className="flex flex-row items-start justify-between space-y-0 pb-3 pt-5 px-5"> <CardHeader className="flex flex-row items-start justify-between space-y-0 pb-3 pt-5 px-5">
<CardTitle className={`text-xs font-bold uppercase tracking-wider ${styles.text} leading-tight max-w-[70%]`}> <CardTitle className={`text-xs font-bold uppercase tracking-wider ${styles.text} leading-tight max-w-[70%]`}>
{title} {title}