From d4d96092af9d506f409dbe71c6d7c7dad49647ab Mon Sep 17 00:00:00 2001
From: JSR <pandajsr72@gmail.com>
Date: Wed, 18 Mar 2026 21:58:42 +0800
Subject: [PATCH] =?UTF-8?q?=E6=81=A2=E5=A4=8D=E5=B7=A6=E4=BE=A7=E9=A1=B6?=
 =?UTF-8?q?=E6=A0=8F=E6=8C=89=E9=92=AE=E5=B9=B6=E4=BF=AE=E5=A4=8D=E7=AB=96?=
 =?UTF-8?q?=E5=B1=8F=E5=AF=BC=E8=88=AA=E9=81=AE=E6=8C=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ContentArea.tsx | 48 ++++++++++++++++++++++------------
 1 file changed, 32 insertions(+), 16 deletions(-)

diff --git a/src/components/ContentArea.tsx b/src/components/ContentArea.tsx
index d1db921..9cbda15 100644
--- a/src/components/ContentArea.tsx
+++ b/src/components/ContentArea.tsx
@@ -121,9 +121,41 @@ export function ContentArea({
             borderBottom: "1px solid var(--ss-border-color)",
             flexShrink: 0,
             WebkitAppRegion: "drag",
+            position: "relative",
           } as React.CSSProperties
         }
       >
+        <div
+          style={
+            {
+              paddingLeft: "8px",
+              display: "flex",
+              alignItems: "center",
+              height: "100%",
+              WebkitAppRegion: "no-drag",
+              flexShrink: 0,
+              position: "relative",
+              zIndex: floatingExpand && sidebarCollapsed && floatingExpanded ? 1301 : 1,
+            } as React.CSSProperties
+          }
+        >
+          <Button
+            type="text"
+            size="small"
+            onClick={onToggleSidebar}
+            icon={
+              floatingExpand && sidebarCollapsed
+                ? floatingExpanded
+                  ? <MenuFoldOutlined />
+                  : <MenuUnfoldOutlined />
+                : sidebarCollapsed
+                  ? <MenuUnfoldOutlined />
+                  : <MenuFoldOutlined />
+            }
+            title={sidebarCollapsed ? "展开导航栏" : "收起导航栏"}
+            style={{ width: "32px", height: "32px" }}
+          />
+        </div>
         <div
           data-tauri-drag-region
           style={
@@ -145,22 +177,6 @@ export function ContentArea({
           }
         >
           <Space size="small">
-            <Button
-              type="text"
-              size="small"
-              onClick={onToggleSidebar}
-              icon={
-                floatingExpand && sidebarCollapsed
-                  ? floatingExpanded
-                    ? <MenuFoldOutlined />
-                    : <MenuUnfoldOutlined />
-                  : sidebarCollapsed
-                    ? <MenuUnfoldOutlined />
-                    : <MenuFoldOutlined />
-              }
-              title={sidebarCollapsed ? "展开导航栏" : "收起导航栏"}
-              style={{ width: "32px", height: "32px" }}
-            />
             {permissionTag}
             {hasAnyPassword && (
               <>