fix(projects): fix the issue of abnormal width of the sidebar in the …

…top menu mix and reverse mode (#562)
soybeanjs · Jul 22, 2024 · c469512 · c469512
1 parent 613c836
commit c469512
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/layouts/base-layout/index.vue b/src/layouts/base-layout/index.vue
@@ -85,8 +85,13 @@ function getSiderWidth() {
 }
 
 function getSiderCollapsedWidth() {
+  const { reverseHorizontalMix } = themeStore.layout;
   const { collapsedWidth, mixCollapsedWidth, mixChildMenuWidth } = themeStore.sider;
 
+  if (isHorizontalMix.value && reverseHorizontalMix) {
+    return isActiveFirstLevelMenuHasChildren.value ? collapsedWidth : 0;
+  }
+
   let w = isVerticalMix.value || isHorizontalMix.value ? mixCollapsedWidth : collapsedWidth;
 
   if (isVerticalMix.value && appStore.mixSiderFixed && childLevelMenus.value.length) {