From e931d3b60eb509cc76134eee91cd14982a2816b3 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Thu, 4 Jul 2024 14:27:35 +0700
Subject: [PATCH] fix: wraping

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

diff --git a/src/components/StatCardComponent.vue b/src/components/StatCardComponent.vue
index d1f66f42..c6d27e79 100644
--- a/src/components/StatCardComponent.vue
+++ b/src/components/StatCardComponent.vue
@@ -17,7 +17,7 @@ const props = withDefaults(
 </script>
 
 <template>
-  <div class="row" style="gap: var(--size-4)" :class="{ dark }">
+  <div class="row no-wrap" style="gap: var(--size-4)" :class="{ dark }">
     <div
       v-for="v in props.branch"
       class="no-padding shadow-2 stat-card"
@@ -28,7 +28,7 @@ const props = withDefaults(
         <div class="col-4 text-center">
           <q-avatar
             size="lg"
-            style="background-color: hsla(0 0% 100% /0.15)"
+            style="background-color: hsla(0 0% 100% /0.2)"
             text-color="white"
             :icon="v.icon"
           />