bf1942/soybean-admin
1
0
Fork 0
mirror of https://github.com/soybeanjs/soybean-admin.git synced 2025-12-25 22:30:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(projects): add 'vertical-hybrid-header-first' layout mode

Browse Source
This commit is contained in:
wenyuan
2025-07-12 23:35:45 +08:00
committed by Soybean
parent b6ac3106ce
commit b4e5c6d990
15 changed files with 310 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/layouts/modules/theme-drawer/components/layout-mode-card.vue
View File

@@ -43,6 +43,11 @@ const layoutConfig: LayoutConfig = {
menuClass: 'w-1/4 h-full',
mainClass: 'w-2/3 h-3/4'
},
'vertical-hybrid-header-first': {
placement: 'bottom',
menuClass: 'w-1/4 h-full',
mainClass: 'w-2/3 h-3/4'
},
horizontal: {
placement: 'bottom',
menuClass: 'w-full h-1/4',

8
src/layouts/modules/theme-drawer/modules/layout/modules/layout-mode.vue
View File

@@ -30,6 +30,14 @@ const themeStore = useThemeStore();
<div class="layout-main"></div>
</div>
</template>
<template #vertical-hybrid-header-first>
<div class="layout-sider h-full w-8px !bg-primary"></div>
<div class="layout-sider h-full w-16px !bg-primary-300"></div>
<div class="vertical-wrapper">
<div class="layout-header bg-primary"></div>
<div class="layout-main"></div>
</div>
</template>
<template #horizontal>
<div class="layout-header !bg-primary"></div>
<div class="horizontal-wrapper">