xinyin025/soybean-admin
1
0
Fork 0
mirror of https://github.com/soybeanjs/soybean-admin.git synced 2025-09-17 17:26:38 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor(menu): optimize the margin on the menu

Browse Source
This commit is contained in:
Nicholas LD 2025-08-14 08:58:01 +00:00
parent 0e586201ec
commit 7f97a99aab
2 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -61,7 +61,7 @@ function toggleSiderCollapse() {
<!-- define component: MixMenuItem --> <!-- define component: MixMenuItem -->
<DefineMixMenuItem v-slot="{ label, icon, active, isMini }"> <DefineMixMenuItem v-slot="{ label, icon, active, isMini }">
<div <div
class="mx-4px mb-6px flex-col-center cursor-pointer rounded-8px bg-transparent px-4px py-8px transition-300 first:mt-2 hover:bg-[rgb(0,0,0,0.08)]" class="mx-4px mb-6px flex-col-center cursor-pointer rounded-8px bg-transparent px-4px py-8px transition-300 hover:bg-[rgb(0,0,0,0.08)]"
:class="{ :class="{
'text-primary selected-mix-menu': active, 'text-primary selected-mix-menu': active,
'text-white:65 hover:text-white': inverted, 'text-white:65 hover:text-white': inverted,

20
src/layouts/modules/global-menu/modules/top-hybrid-sidebar-first.vue
View File

@ -30,15 +30,17 @@ const { selectedKey } = useMenu();
/> />
</Teleport> </Teleport>
<Teleport :to="`#${GLOBAL_SIDER_MENU_ID}`"> <Teleport :to="`#${GLOBAL_SIDER_MENU_ID}`">
<FirstLevelMenu <div class="pt-2">
:menus="firstLevelMenus" <FirstLevelMenu
:active-menu-key="activeFirstLevelMenuKey" :menus="firstLevelMenus"
:sider-collapse="appStore.siderCollapse" :active-menu-key="activeFirstLevelMenuKey"
:dark-mode="themeStore.darkMode" :sider-collapse="appStore.siderCollapse"
:theme-color="themeStore.themeColor" :dark-mode="themeStore.darkMode"
@select="handleSelectFirstLevelMenu" :theme-color="themeStore.themeColor"
@toggle-sider-collapse="appStore.toggleSiderCollapse" @select="handleSelectFirstLevelMenu"
/> @toggle-sider-collapse="appStore.toggleSiderCollapse"
/>
</div>
</Teleport> </Teleport>
</template> </template>