From 9f78fdebd4e2ce7508ef19c3931a7150cb6af44f Mon Sep 17 00:00:00 2001
From: shy3130 <415333856@qq.com>
Date: Mon, 6 Jul 2026 17:45:25 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=B8=BB=E9=A2=98=E5=88=87=E6=8D=A2?=
 =?UTF-8?q?=E5=8F=AA=E4=BF=9D=E7=95=99=E5=9B=BE=E6=A0=87,=20=E4=B8=8E?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E5=90=8C=E8=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

左侧菜单底部: 主题切换(纯图标)+ 设置同一行排列, 更紧凑。
原来上下两行各占满宽, 现在左边小图标按钮 + 右边设置占满剩余空间。
---
 frontend/src/components/Layout.tsx | 47 +++++++++++++++---------------
 1 file changed, 24 insertions(+), 23 deletions(-)

diff --git a/frontend/src/components/Layout.tsx b/frontend/src/components/Layout.tsx
index 3ff29cb..7a2f211 100644
--- a/frontend/src/components/Layout.tsx
+++ b/frontend/src/components/Layout.tsx
@@ -90,11 +90,10 @@ function ThemeToggle() {
   return (
     <button
       onClick={() => toggleTheme()}
-      className="flex w-full items-center gap-3 rounded-btn px-3 py-2 text-sm text-foreground/80 transition-colors duration-150 ease-smooth hover:bg-elevated hover:text-foreground cursor-pointer"
+      className="flex items-center justify-center rounded-btn p-2 text-foreground/80 transition-colors duration-150 ease-smooth hover:bg-elevated hover:text-foreground cursor-pointer"
       title={dark ? '切换到亮色模式' : '切换到暗色模式'}
     >
       {dark ? <Sun className="h-4 w-4 shrink-0" /> : <Moon className="h-4 w-4 shrink-0" />}
-      <span>{dark ? '亮色模式' : '暗色模式'}</span>
     </button>
   )
 }
@@ -628,27 +627,29 @@ export function Layout() {
           )}
         </div>
 
-        <div className="border-t border-border px-2 py-3 space-y-0.5 shrink-0">
-          <ThemeToggle />
-          <NavLink
-            to="/settings"
-            className={({ isActive }) =>
-              cn(
-                'flex items-center justify-between gap-3 px-3 py-2 rounded-btn text-sm transition-colors duration-150 ease-smooth',
-                isActive
-                  ? 'bg-elevated text-foreground font-medium'
-                  : 'text-foreground/80 hover:bg-elevated hover:text-foreground',
-              )
-            }
-          >
-            <span className="flex items-center gap-3">
-              <Settings className="h-4 w-4 shrink-0" />
-              <span>设置</span>
-            </span>
-            <span className="font-mono text-[10px] text-muted/50 select-none">
-              {version ?? ''}
-            </span>
-          </NavLink>
+        <div className="border-t border-border px-2 py-3 shrink-0">
+          <div className="flex items-center gap-1">
+            <ThemeToggle />
+            <NavLink
+              to="/settings"
+              className={({ isActive }) =>
+                cn(
+                  'flex flex-1 items-center justify-between gap-3 px-3 py-2 rounded-btn text-sm transition-colors duration-150 ease-smooth',
+                  isActive
+                    ? 'bg-elevated text-foreground font-medium'
+                    : 'text-foreground/80 hover:bg-elevated hover:text-foreground',
+                )
+              }
+            >
+              <span className="flex items-center gap-3">
+                <Settings className="h-4 w-4 shrink-0" />
+                <span>设置</span>
+              </span>
+              <span className="font-mono text-[10px] text-muted/50 select-none">
+                {version ?? ''}
+              </span>
+            </NavLink>
+          </div>
         </div>
       </aside>