GTsoft/ruoyi-plus-soybean
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(projects): fix menu-toggler zIndex

Browse Source
This commit is contained in:
Soybean 2024-05-07 01:56:56 +08:00
parent 599b4e1947
commit 7bd43df5f7
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/common/menu-toggler.vue
View File

@ -9,9 +9,13 @@ interface Props {
collapsed?: boolean; collapsed?: boolean;
/** Arrow style icon */ /** Arrow style icon */
arrowIcon?: boolean; arrowIcon?: boolean;
zIndex?: number;
} }
const props = defineProps<Props>(); const props = withDefaults(defineProps<Props>(), {
arrowIcon: false,
zIndex: 98
});
type NumberBool = 0 | 1; type NumberBool = 0 | 1;
@ -39,7 +43,7 @@ const icon = computed(() => {
<ButtonIcon <ButtonIcon
:tooltip-content="collapsed ? $t('icon.expand') : $t('icon.collapse')" :tooltip-content="collapsed ? $t('icon.expand') : $t('icon.collapse')"
tooltip-placement="bottom-start" tooltip-placement="bottom-start"
:z-index="99" :z-index="zIndex"
> >
<SvgIcon :icon="icon" /> <SvgIcon :icon="icon" />
</ButtonIcon> </ButtonIcon>

1
src/layouts/modules/global-menu/first-level-menu.vue
View File

@ -92,6 +92,7 @@ function handleClickMixMenu(menu: App.Global.Menu) {
<MenuToggler <MenuToggler
arrow-icon arrow-icon
:collapsed="appStore.siderCollapse" :collapsed="appStore.siderCollapse"
:z-index="99"
:class="{ 'text-white:88 !hover:text-white': inverted }" :class="{ 'text-white:88 !hover:text-white': inverted }"
@click="appStore.toggleSiderCollapse" @click="appStore.toggleSiderCollapse"
/> />