fix: 开发者工具按钮仅在开发环境显示

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`,
+          width: `24px`,
-          height: `${60 * zoom}px`
+          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`,
+          width: `60px`,
-          padding: `${12 * zoom}px ${8 * zoom}px`,
+          padding: `12px 8px`,
-          gap: `${12 * zoom}px`
+          gap: `12px`
         }}
       >
         {/* 顶部的关闭/收起按钮 */}
@@ -171,6 +171,7 @@ export const GlobalSidebar: React.FC = () => {
           </Button>
         </Tooltip>
 
+        {import.meta.env.DEV && (
           <Tooltip content="开发者工具" placement="top">
             <Button
               shape="circle"
@@ -180,6 +181,7 @@ export const GlobalSidebar: React.FC = () => {
               <CodeIcon size="24px" />
             </Button>
           </Tooltip>
+        )}
       </div>
     </div>
   )