From 2d82690b5cc17381ebf1aa8480c9d7ce88619388 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Tue, 2 Jul 2024 10:20:14 +0000
Subject: [PATCH] fix: left drawer z-index

---
 src/components/DrawerComponent.vue | 2 +-
 src/layouts/MainLayout.vue         | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/DrawerComponent.vue b/src/components/DrawerComponent.vue
index c2894b10..c1ea0b41 100644
--- a/src/components/DrawerComponent.vue
+++ b/src/components/DrawerComponent.vue
@@ -159,6 +159,6 @@ function navigateTo(label: string, destination: string) {
 }
 
 :deep(.q-drawer) {
-  z-index: 5 !important;
+  z-index: 9999 !important;
 }
 </style>
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 78def2b5..ac367402 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -173,7 +173,10 @@ onMounted(async () => {
 
     <q-page-container class="surface-1 q-pa-md">
       <!-- drawer control -->
-      <div style="position: relative; z-index: 10">
+      <div
+        style="position: relative"
+        :style="$q.screen.gt.xs ? 'z-index: 9999' : 'z-index: 9998'"
+      >
         <q-avatar
           size="36px"
           style="