style: adjust card sizing to balanced medium - between original and enlarged

This commit is contained in:
Aleksandar 2025-12-11 14:15:28 +01:00
parent b9efedbb88
commit 19ece90c6f

View File

@ -46,15 +46,15 @@ export function StatsCard({ title, value, change, trend, icon: Icon, color = "bl
return (
<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-2 pt-4 px-4">
<CardHeader className="flex flex-row items-start justify-between space-y-0 pb-2.5 pt-5 px-5">
<CardTitle className={`text-xs font-bold uppercase tracking-wider ${styles.text} leading-tight max-w-[70%]`}>
{title}
</CardTitle>
<div className={`p-1 rounded-lg ${styles.icon} flex-shrink-0`}>
<Icon size={14} strokeWidth={2} />
<div className={`p-1.5 rounded-lg ${styles.icon} flex-shrink-0`}>
<Icon size={16} strokeWidth={2} />
</div>
</CardHeader>
<CardContent className="px-4 pb-4 space-y-2">
<CardContent className="px-5 pb-5 space-y-2.5">
<div className={`text-2xl font-black ${styles.text}`}>
{value}
</div>