style: apply strong gradient colors to stats cards instead of light backgrounds
This commit is contained in:
parent
918357c00c
commit
204e6edca5
@ -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}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user