mirror of
https://github.com/vbenjs/vue-vben-admin.git
synced 2025-08-27 14:13:40 +08:00
fix(menu): fix menu split mode problem
This commit is contained in:
@@ -100,11 +100,10 @@ export default defineComponent({
|
||||
|
||||
const getWrapperStyle = computed(
|
||||
(): CSSProperties => {
|
||||
const isHorizontal = unref(getIsHorizontal);
|
||||
const isHorizontal = unref(getIsHorizontal) || getSplit.value;
|
||||
|
||||
return {
|
||||
height: isHorizontal
|
||||
? `calc(100% + 1px)`
|
||||
: `calc(100% - ${props.showLogo ? '48px' : '0px'})`,
|
||||
height: isHorizontal ? `calc(100%)` : `calc(100% - ${props.showLogo ? '48px' : '0px'})`,
|
||||
overflowY: isHorizontal ? 'hidden' : 'auto',
|
||||
};
|
||||
}
|
||||
|
@@ -21,7 +21,7 @@ export default defineComponent({
|
||||
|
||||
const injectValue = useLayoutContext();
|
||||
|
||||
const { getCalcContentWidth, getSplit } = useMenuSetting();
|
||||
const { getCalcContentWidth } = useMenuSetting();
|
||||
|
||||
const {
|
||||
getFixed,
|
||||
@@ -56,8 +56,7 @@ export default defineComponent({
|
||||
(): CSSProperties => {
|
||||
const style: CSSProperties = {};
|
||||
if (unref(getFixed)) {
|
||||
style.width =
|
||||
unref(injectValue.isMobile) || unref(getSplit) ? '100%' : unref(getCalcContentWidth);
|
||||
style.width = unref(injectValue.isMobile) ? '100%' : unref(getCalcContentWidth);
|
||||
}
|
||||
if (unref(getShowFullHeaderRef)) {
|
||||
style.top = `${unref(fullHeaderHeightRef)}px`;
|
||||
|
@@ -7,7 +7,7 @@ const dashboard: AppRouteModule = {
|
||||
path: '/dashboard',
|
||||
name: 'Dashboard',
|
||||
component: LAYOUT,
|
||||
redirect: '/dashboard/welcome',
|
||||
redirect: '/dashboard/workbench',
|
||||
meta: {
|
||||
icon: 'bx:bx-home',
|
||||
title: t('routes.dashboard.dashboard'),
|
||||
|
Reference in New Issue
Block a user