From 271403ccffa87a2dc98da6524a838c2a98a90c1c Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Wed, 12 Jun 2024 15:34:09 +0700
Subject: [PATCH] =?UTF-8?q?fix:=20=E0=B9=81=E0=B8=81=E0=B9=89=E0=B8=AA?=
 =?UTF-8?q?=E0=B8=B5=20=E0=B8=82=E0=B8=AD=E0=B8=87=20StatCard?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/StatCardComponent.vue | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/components/StatCardComponent.vue b/src/components/StatCardComponent.vue
index b6c942db..74244a4a 100644
--- a/src/components/StatCardComponent.vue
+++ b/src/components/StatCardComponent.vue
@@ -6,7 +6,7 @@ const props = withDefaults(
     branch: {
       count: number;
       label: string;
-      color: 'pink' | 'purple' | 'green';
+      color: 'pink' | 'purple' | 'green' | 'orange';
     }[];
     dark?: boolean;
     labelI18n?: boolean;
@@ -28,7 +28,13 @@ const props = withDefaults(
       :key="v.label"
       class="bordered stat-card__wave col-12"
       :class="{ [`stat-card__${v.color}`]: true }"
-      style="width: 200px; min-width: 150px; box-shadow: var(--shadow-2)"
+      style="
+        padding: 12px 16px;
+        height: 75px;
+        width: 200px;
+        min-width: 150px;
+        box-shadow: var(--shadow-2);
+      "
     >
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
         <path
@@ -89,6 +95,10 @@ const props = withDefaults(
   --_color: var(--teal-10);
 }
 
+.stat-card__orange {
+  --_color: var(--orange-5);
+}
+
 .dark .stat-card__purple {
   --_color: var(--purple-7);
 }
@@ -96,4 +106,8 @@ const props = withDefaults(
 .dark .stat-card__green {
   --_color: var(--teal-7);
 }
+
+.dark .stat-card__orange {
+  --_color: var(--orange-8);
+}
 </style>