From abc052f71fa42da61c8c70b617313ac1228c4e8b Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Mon, 17 Jun 2024 15:44:03 +0700
Subject: [PATCH] =?UTF-8?q?fix:=20=E0=B8=A2=E0=B9=89=E0=B8=B2=E0=B8=A2?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=AB=E0=B8=B1=E0=B8=AA=E0=B8=AA=E0=B8=B2=E0=B8=82?=
 =?UTF-8?q?=E0=B8=B2=E0=B9=84=E0=B8=9B=E0=B9=81=E0=B8=AA=E0=B8=94=E0=B8=87?=
 =?UTF-8?q?=E0=B8=81=E0=B9=88=E0=B8=AD=E0=B8=99=E0=B8=8A=E0=B8=B7=E0=B9=88?=
 =?UTF-8?q?=E0=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DrawerInfo.vue | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/components/DrawerInfo.vue b/src/components/DrawerInfo.vue
index 9530e77a..dbfbe51d 100644
--- a/src/components/DrawerInfo.vue
+++ b/src/components/DrawerInfo.vue
@@ -100,8 +100,14 @@ function reset() {
             />
           </div>
 
-          <div class="col text-subtitle1 text-weight-bold text-center">
-            <text v-if="category" class="app-text-muted">{{ category }} /</text>
+          <div class="col text-weight-bold text-center">
+            <text
+              v-if="badgeLabel"
+              class="badge-label text-caption text-grey-8"
+            >
+              {{ badgeLabel }}
+            </text>
+            <text v-if="category" class="app-text-muted">{{ category }}</text>
             {{ title }}
 
             <text
@@ -117,13 +123,6 @@ function reset() {
                   : $t('statusACTIVE')
               }}
             </text>
-            <text
-              v-if="badgeLabel"
-              class="badge-label q-px-sm text-caption"
-              :class="badgeClass"
-            >
-              {{ badgeLabel }}
-            </text>
           </div>
 
           <div style="width: 31.98px"></div>
@@ -238,8 +237,6 @@ function reset() {
 
 .badge-label {
   display: inline-block;
-  border-radius: var(--radius-6);
-  background-color: var(--surface-2);
   text-wrap: nowrap;
 }
 </style>