From 6c03ef53a3ef811e0cec485c71510637381b434b Mon Sep 17 00:00:00 2001
From: chansee97 <chen.dev@foxmail.com>
Date: Mon, 15 Jul 2024 13:13:55 +0800
Subject: [PATCH] fix: header style error

---
 src/layouts/leftMenu.layout.vue | 2 +-
 src/layouts/mixMenu.layout.vue  | 2 +-
 src/layouts/topMenu.layout.vue  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/layouts/leftMenu.layout.vue b/src/layouts/leftMenu.layout.vue
index d570d2c..2275319 100644
--- a/src/layouts/leftMenu.layout.vue
+++ b/src/layouts/leftMenu.layout.vue
@@ -44,7 +44,7 @@ const appStore = useAppStore()
       embedded
       :native-scrollbar="false"
     >
-      <n-layout-header bordered position="absolute" class="z-1">
+      <n-layout-header bordered position="absolute" class="z-999">
         <div v-if="!appStore.contentFullScreen" class="h-60px flex-y-center justify-between">
           <div class="flex-y-center h-full">
             <CollapaseButton />
diff --git a/src/layouts/mixMenu.layout.vue b/src/layouts/mixMenu.layout.vue
index 7beea9a..bf5e816 100644
--- a/src/layouts/mixMenu.layout.vue
+++ b/src/layouts/mixMenu.layout.vue
@@ -99,7 +99,7 @@ function updateTopMenu(key: string) {
       embedded
       :native-scrollbar="false"
     >
-      <n-layout-header bordered position="absolute" class="z-1">
+      <n-layout-header bordered position="absolute" class="z-999">
         <div v-if="!appStore.contentFullScreen" class="h-60px flex-y-center justify-between">
           <CollapaseButton />
           <n-menu
diff --git a/src/layouts/topMenu.layout.vue b/src/layouts/topMenu.layout.vue
index 238adb6..d549b4a 100644
--- a/src/layouts/topMenu.layout.vue
+++ b/src/layouts/topMenu.layout.vue
@@ -22,7 +22,7 @@ const appStore = useAppStore()
       class="h-full flex flex-col" content-style="display: flex;flex-direction: column;min-height:100%;"
       embedded :native-scrollbar="false"
     >
-      <n-layout-header bordered position="absolute" class="z-1">
+      <n-layout-header bordered position="absolute" class="z-999">
         <div v-if="!appStore.contentFullScreen" class="h-60px flex-y-center justify-between shrink-0">
           <Logo v-if="appStore.showLogo" />
           <Menu mode="horizontal" responsive />