fix(NavigationDrawer): adjust z-index on bigger screens (#206)

rotki · Jun 11, 2024 · 470855f · 470855f
1 parent 5204fe2
commit 470855f
Showing 1 changed file with 6 additions and 1 deletion.
diff --git 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;
   }