fix(projects): fix top menu abnormal

Author: Ohh-889

packages/materials/src/libs/admin-layout/index.tsx

@@ -104,11 +104,11 @@ const AdminLayout: FC<AdminLayoutProps> = ({
   const footerDisplay = !fullContent && fixedFooter ? 'block' : 'none';
 
   return (
-    <div
+    <section
       className={classNames('relative h-full', commonClass)}
       style={cssVar}
     >
-      <div
+      <section
         id={isWrapperScroll ? scrollElId : ''}
         className={classNames('h-full flex flex-col', scrollWrapperClass, commonClass, {
           'overflow-y-auto': isWrapperScroll
@@ -233,8 +233,8 @@ const AdminLayout: FC<AdminLayoutProps> = ({
             ></div>
           </>
         )}
-      </div>
-    </div>
+      </section>
+    </section>
   );
 };
 export default AdminLayout;

src/layouts/modules/global-menu/components/VerticalMenu.tsx

@@ -48,7 +48,7 @@ const VerticalMenu = memo(() => {
 
   const openKeys = getSelectedMenuKeyPath(route.matched);
 
-  const isMix = themeSettings.layout.mode === 'vertical-mix';
+  const isMix = themeSettings.layout.mode.includes('mix');
 
   const inlineCollapsed = useAppSelector(getSiderCollapse);