Stat card animations

2026-02-03 15:23:37 +01:00
parent 8d26cb8561
commit 05c1307ad7
3 changed files with 42 additions and 9 deletions
@@ -4,13 +4,21 @@ export default function StatCard({
  icon: Icon,
  label,
  value,
+  index = 0,
 }: {
  icon: any;
  label: string;
  value: string;
+  index?: number;
 }) {
  return (
-    <Card>
+    <Card
+      className="opacity-0 animate-fade-in"
+      style={{
+        animationDelay: `${index * 0.1}s`,
+        animationFillMode: "forwards",
+      }}
+    >
      <CardHeader className="pb-2 text-center">
        <Icon className="mx-auto h-5 w-5 text-primary" />
        <CardTitle className="font-mono text-2xl">{value}</CardTitle>