From ada9f890c660f8e845eca5943ed78733b1f57377 Mon Sep 17 00:00:00 2001
From: kurihada <kurihada@qq.com>
Date: Fri, 12 Dec 2025 17:59:08 +0800
Subject: [PATCH] =?UTF-8?q?fix(ui):=20=E4=BF=AE=E5=A4=8D=E5=93=8D=E5=BA=94?=
 =?UTF-8?q?=E5=BC=8F=E4=BE=A7=E8=BE=B9=E6=A0=8F=E9=87=8D=E5=A4=8D=E6=B8=B2?=
 =?UTF-8?q?=E6=9F=93=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

移动端抽屉和桌面端侧边栏分别用 md:hidden 和 hidden md:flex 控制显示
---
 packages/ui/src/components/Sidebar.tsx | 18 ++++--------------
 1 file changed, 4 insertions(+), 14 deletions(-)

diff --git a/packages/ui/src/components/Sidebar.tsx b/packages/ui/src/components/Sidebar.tsx
index a817513..9700889 100644
--- a/packages/ui/src/components/Sidebar.tsx
+++ b/packages/ui/src/components/Sidebar.tsx
@@ -247,7 +247,7 @@ export function Sidebar({
         <Menu size={20} />
       </motion.button>
 
-      {/* 遮罩层 */}
+      {/* 遮罩层 - 仅移动端 */}
       <AnimatePresence>
         {isOpen && (
           <motion.div
@@ -261,24 +261,14 @@ export function Sidebar({
         )}
       </AnimatePresence>
 
-      {/* 侧边栏 */}
+      {/* 移动端抽屉式侧边栏 */}
       <motion.div
         initial={false}
         animate={{ x: isOpen ? 0 : '-100%' }}
         transition={{ type: 'spring', stiffness: 300, damping: 30 }}
-        className={cn(
-          'fixed md:static inset-y-0 left-0 z-50',
-          'w-64 bg-gray-800 border-r border-gray-700 flex flex-col',
-          'md:transform-none md:translate-x-0'
-        )}
-        style={{ transform: 'none' }}
+        className="fixed inset-y-0 left-0 z-50 w-64 bg-gray-800 border-r border-gray-700 flex flex-col md:hidden"
       >
-        <div className="hidden md:flex flex-col h-full">
-          <SidebarContent />
-        </div>
-        <div className="flex md:hidden flex-col h-full">
-          <SidebarContent />
-        </div>
+        <SidebarContent />
       </motion.div>
 
       {/* 桌面端固定侧边栏 */}