From 7bd43df5f7c287d744d56f7d7c14fec7b7b667da Mon Sep 17 00:00:00 2001
From: Soybean <soybeanjs@outlook.com>
Date: Tue, 7 May 2024 01:56:56 +0800
Subject: [PATCH] fix(projects): fix menu-toggler zIndex

---
 src/components/common/menu-toggler.vue               | 8 ++++++--
 src/layouts/modules/global-menu/first-level-menu.vue | 1 +
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/common/menu-toggler.vue b/src/components/common/menu-toggler.vue
index 2c2b5ff6..e7cdb93a 100644
--- a/src/components/common/menu-toggler.vue
+++ b/src/components/common/menu-toggler.vue
@@ -9,9 +9,13 @@ interface Props {
   collapsed?: boolean;
   /** Arrow style icon */
   arrowIcon?: boolean;
+  zIndex?: number;
 }
 
-const props = defineProps<Props>();
+const props = withDefaults(defineProps<Props>(), {
+  arrowIcon: false,
+  zIndex: 98
+});
 
 type NumberBool = 0 | 1;
 
@@ -39,7 +43,7 @@ const icon = computed(() => {
   <ButtonIcon
     :tooltip-content="collapsed ? $t('icon.expand') : $t('icon.collapse')"
     tooltip-placement="bottom-start"
-    :z-index="99"
+    :z-index="zIndex"
   >
     <SvgIcon :icon="icon" />
   </ButtonIcon>
diff --git a/src/layouts/modules/global-menu/first-level-menu.vue b/src/layouts/modules/global-menu/first-level-menu.vue
index 8a7981e9..290ec6da 100644
--- a/src/layouts/modules/global-menu/first-level-menu.vue
+++ b/src/layouts/modules/global-menu/first-level-menu.vue
@@ -92,6 +92,7 @@ function handleClickMixMenu(menu: App.Global.Menu) {
     <MenuToggler
       arrow-icon
       :collapsed="appStore.siderCollapse"
+      :z-index="99"
       :class="{ 'text-white:88 !hover:text-white': inverted }"
       @click="appStore.toggleSiderCollapse"
     />