生产管理系统前端 菜单箭头显示fix

crop-x/src/components/layouts/SideBar/SideBarOld.tsx

@@ -4,6 +4,7 @@ import { useState, useEffect } from 'react';
 import { useRouter, usePathname } from 'next/navigation';
 import { LeftSidebar } from './components/LeftSidebar';
 import { MainContent } from './components/MainContent';
+import { cn } from '@/lib/utils';
 
 // 菜单项数据结构定义
 interface NavItem {
@@ -230,18 +231,23 @@ export function SideBarOld({
     router.push(path);
   };
   return (
-    <div className="flex h-full bg-gray-100">
+    <div className={cn(
+      "flex h-full bg-background",
+      "min-h-screen"
+    )}>
       {/* 左侧导航栏 - 独立滚动 */}
-      <div className="sidebarScroll">
-        <LeftSidebar
-          menus={menus}
-          activePath={currentPath}
-          onNavigate={handleNavigate}
-          isMobile={isMobile}
-          isCollapsed={!isMobile && isCollapsed}
-          onToggleCollapse={() => setIsCollapsed(!isCollapsed)}
-        />
-      </div>
+      {!isMobile && (
+        <div className="sidebarScroll">
+          <LeftSidebar
+            menus={menus}
+            activePath={currentPath}
+            onNavigate={handleNavigate}
+            isMobile={isMobile}
+            isCollapsed={isCollapsed}
+            onToggleCollapse={() => setIsCollapsed(!isCollapsed)}
+          />
+        </div>
+      )}
 
       {/* 右侧主内容 - 独立滚动 */}
       <div className="flex-1 contentScroll">
@@ -253,6 +259,20 @@ export function SideBarOld({
           {children}
         </MainContent>
       </div>
+
+      {/* 移动端侧边栏 */}
+      {isMobile && (
+        <div className="fixed inset-y-0 left-0 z-50 w-64 sidebarScroll">
+          <LeftSidebar
+            menus={menus}
+            activePath={currentPath}
+            onNavigate={handleNavigate}
+            isMobile={isMobile}
+            isCollapsed={false}
+            onToggleCollapse={() => {}}
+          />
+        </div>
+      )}
     </div>
   );
 }