feat: add new categorized statistics card to dashboard with gradient styling and percentage display

2025-12-20 11:09:32 +01:00
parent 4f7a80de1c
commit 4e1e623f93
2 changed files with 59 additions and 2 deletions
--- a/app/globals.css
+++ b/app/globals.css
@@ -594,4 +594,30 @@
    );
    opacity: 0.3;
  }
+
+  .stat-card-gradient-5 {
+    background: linear-gradient(
+      135deg,
+      color-mix(in srgb, var(--chart-5) 12%, var(--card)) 0%,
+      color-mix(in srgb, var(--chart-5) 8%, var(--card)) 50%,
+      color-mix(in srgb, var(--chart-5) 6%, var(--card)) 100%
+    );
+    position: relative;
+    overflow: hidden;
+  }
+
+  .stat-card-gradient-5::before {
+    content: "";
+    position: absolute;
+    top: -50%;
+    right: -50%;
+    width: 200%;
+    height: 200%;
+    background: radial-gradient(
+      circle,
+      color-mix(in srgb, var(--chart-5) 20%, transparent) 0%,
+      transparent 70%
+    );
+    opacity: 0.3;
+  }
 }