From 9bc9e0f1d5642d9f3b32f0390548b28b54e530a2 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Thu, 4 Jul 2024 11:00:03 +0700
Subject: [PATCH] refactor: move stat out

---
 src/components/StatCardComponent.vue        |  9 ++++-----
 src/pages/01_branch-management/MainPage.vue | 12 +++++++-----
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/components/StatCardComponent.vue b/src/components/StatCardComponent.vue
index d105f236..95701e48 100644
--- a/src/components/StatCardComponent.vue
+++ b/src/components/StatCardComponent.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import AppBox from 'components/app/AppBox.vue';
-import { vModelSelect } from 'vue';
 
 const props = withDefaults(
   defineProps<{
@@ -22,17 +21,17 @@ const props = withDefaults(
 
 <template>
   <div
-    class="row full-width"
+    class="row"
     style="gap: var(--size-4)"
     :class="{ dark, 'no-wrap': nowrap }"
   >
     <AppBox
       v-for="v in props.branch"
-      :key="v.label"
-      class="col-12 no-padding shadow-2"
+      class="no-padding shadow-2"
       :class="{ [`stat-card__${v.color}`]: true }"
+      :key="v.label"
     >
-      <div class="stat-card__content row items-center q-pa-md">
+      <div class="stat-card__content row items-center q-px-md q-py-sm">
         <div class="col-4 text-center">
           <q-avatar
             size="lg"
diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index e8a54d61..8c23e2d1 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -436,11 +436,13 @@ watch(locale, () => {
 
 <template>
   <div class="column full-height no-wrap">
-    <div class="surface-1 bordered rounded q-mb-md scroll">
-      <div class="q-ma-md" style="display: inline-block">
-        <StatCard label-i18n :branch="stats" :dark="$q.dark.isActive" nowrap />
-      </div>
-    </div>
+    <StatCard
+      class="q-pb-md"
+      label-i18n
+      :branch="stats"
+      :dark="$q.dark.isActive"
+      nowrap
+    />
 
     <div
       class="column col surface-1 bordered rounded scroll"