dimitar/fitaiProto
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Aleksandar 2025-12-11 14:15:28 +01:00
parent b9efedbb88
commit 19ece90c6f
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/admin/src/components/ui/StatsCard.tsx
View File

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