From 5afa02ee52cc5bc9bebc59166fbbcbd08c8d77c8 Mon Sep 17 00:00:00 2001
From: Linkon <116425752+Linkon-lcw@users.noreply.github.com>
Date: Tue, 20 Jan 2026 01:16:37 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=BC=80=E5=8F=91=E8=80=85=E5=B7=A5?=
 =?UTF-8?q?=E5=85=B7=E6=8C=89=E9=92=AE=E4=BB=85=E5=9C=A8=E5=BC=80=E5=8F=91?=
 =?UTF-8?q?=E7=8E=AF=E5=A2=83=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/src/components/GlobalSidebar.tsx | 32 ++++++++++---------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/renderer/src/components/GlobalSidebar.tsx b/src/renderer/src/components/GlobalSidebar.tsx
index 8846eae..1be547c 100644
--- a/src/renderer/src/components/GlobalSidebar.tsx
+++ b/src/renderer/src/components/GlobalSidebar.tsx
@@ -96,7 +96,7 @@ export const GlobalSidebar: React.FC = () => {
     <div
       style={{
         height: '100vh',
-        width: `${84 * zoom}px`,
+        width: `84px`,
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'flex-end',
@@ -110,8 +110,8 @@ export const GlobalSidebar: React.FC = () => {
         className={`global-sidebar-toggle ${!showToggle ? 'hidden' : ''}`}
         style={{
           willChange: 'opacity, transform',
-          width: `${24 * zoom}px`,
-          height: `${60 * zoom}px`
+          width: `24px`,
+          height: `60px`
         }}
       >
         <ChevronLeftIcon />
@@ -124,9 +124,9 @@ export const GlobalSidebar: React.FC = () => {
           backgroundColor: 'var(--ss-card-bg)',
           height: 'fit-content',
           willChange: 'opacity, transform',
-          width: `${60 * zoom}px`,
-          padding: `${12 * zoom}px ${8 * zoom}px`,
-          gap: `${12 * zoom}px`
+          width: `60px`,
+          padding: `12px 8px`,
+          gap: `12px`
         }}
       >
         {/* 顶部的关闭/收起按钮 */}
@@ -171,15 +171,17 @@ export const GlobalSidebar: React.FC = () => {
           </Button>
         </Tooltip>
 
-        <Tooltip content="开发者工具" placement="top">
-          <Button
-            shape="circle"
-            variant="text"
-            onClick={() => (window as any).api?.toggleDevTools()}
-          >
-            <CodeIcon size="24px" />
-          </Button>
-        </Tooltip>
+        {import.meta.env.DEV && (
+          <Tooltip content="开发者工具" placement="top">
+            <Button
+              shape="circle"
+              variant="text"
+              onClick={() => (window as any).api?.toggleDevTools()}
+            >
+              <CodeIcon size="24px" />
+            </Button>
+          </Tooltip>
+        )}
       </div>
     </div>
   )