From e854d9267f6618d56ef6791802632c97b3a9c3ab Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Mon, 22 Apr 2024 17:51:56 +0700
Subject: [PATCH] refactor: category prop on drawer info

---
 src/components/DrawerInfo.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/DrawerInfo.vue b/src/components/DrawerInfo.vue
index e25972b4..f25a2ce6 100644
--- a/src/components/DrawerInfo.vue
+++ b/src/components/DrawerInfo.vue
@@ -1,9 +1,10 @@
 <script setup lang="ts">
-import { ref } from 'vue';
+import { onMounted, ref, watch } from 'vue';
 import AppBox from './app/AppBox.vue';
 
 defineProps<{
   title: string;
+  category?: string;
   isEdit?: boolean;
   bgOn?: boolean;
   statusBranch?: string;
@@ -16,7 +17,6 @@ defineProps<{
   undo?: (...args: unknown[]) => void;
 }>();
 
-// const drawerWidth = ref(window.screen.width * 0.8);
 const drawerOpen = defineModel<boolean>('drawerOpen', {
   default: false,
 });
@@ -33,7 +33,6 @@ function reset() {
   <q-drawer
     @before-hide="reset"
     @hide="close"
-    :width="$q.screen.gt.md ? 1200 : $q.screen.gt.xs ? 700 : 900"
     :breakpoint="1366"
     v-model="drawerOpen"
     behavior="mobile"
@@ -91,6 +90,7 @@ function reset() {
           </div>
 
           <div class="col text-subtitle1 text-weight-bold text-center">
+            <text v-if="category" class="app-text-muted">{{ category }} /</text>
             {{ title }}
 
             <text