From 470855f79067c22b4c8c19a77b73522afd774b14 Mon Sep 17 00:00:00 2001
From: Luki Centuri <lukicenturi@gmail.com>
Date: Tue, 11 Jun 2024 14:57:27 +0700
Subject: [PATCH] fix(NavigationDrawer): adjust z-index on bigger screens
 (#206)

---
 .../overlays/navigation-drawer/NavigationDrawer.vue        | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/overlays/navigation-drawer/NavigationDrawer.vue b/src/components/overlays/navigation-drawer/NavigationDrawer.vue
index a665c48..a58c66e 100644
--- a/src/components/overlays/navigation-drawer/NavigationDrawer.vue
+++ b/src/components/overlays/navigation-drawer/NavigationDrawer.vue
@@ -123,6 +123,7 @@ const on = computed(() => ({
             [css[position]]: position,
             [css.mini]: miniVariant,
             [css.temporary]: temporary,
+            [css['with-overlay']]: overlay,
           },
         ]"
         v-bind="getRootAttrs(attrs)"
@@ -139,7 +140,7 @@ const on = computed(() => ({
 }
 
 .content {
-  @apply transition-all top-0 h-full fixed text-rui-text bg-white z-[10000];
+  @apply transition-all top-0 h-full fixed text-rui-text bg-white z-[7];
 
   &.left {
     @apply -translate-x-full left-0;
@@ -149,6 +150,10 @@ const on = computed(() => ({
     @apply translate-x-full right-0;
   }
 
+  &.with-overlay {
+    @apply z-[10000];
+  }
+
   &.visible {
     @apply translate-x-0;
   }