fix: optimize the main window when switch to light theme

src-tauri/tauri.conf.json

@@ -73,7 +73,14 @@
         "all": true
       }
     },
-    "windows": [],
+    "windows": [
+      {
+        "label": "main",
+        "title": "Clash Verge",
+        "center": true,
+        "decorations": true
+      }
+    ],
     "security": {
       "csp": "script-src 'unsafe-eval' 'self'; default-src blob: data: filesystem: ws: wss: http: https: tauri: 'unsafe-eval' 'unsafe-inline' 'self'; img-src data: 'self';"
     }

src/components/layout/layout-control.tsx

@@ -1,41 +0,0 @@
-import { Button } from "@mui/material";
-import { appWindow } from "@tauri-apps/api/window";
-import {
-  CloseRounded,
-  CropSquareRounded,
-  HorizontalRuleRounded,
-} from "@mui/icons-material";
-
-const LayoutControl = () => {
-  const minWidth = 40;
-
-  return (
-    <>
-      <Button
-        size="small"
-        sx={{ minWidth, svg: { transform: "scale(0.9)" } }}
-        onClick={() => appWindow.minimize()}
-      >
-        <HorizontalRuleRounded fontSize="small" />
-      </Button>
-
-      <Button
-        size="small"
-        sx={{ minWidth, svg: { transform: "scale(0.9)" } }}
-        onClick={() => appWindow.toggleMaximize()}
-      >
-        <CropSquareRounded fontSize="small" />
-      </Button>
-
-      <Button
-        size="small"
-        sx={{ minWidth, svg: { transform: "scale(1.05)" } }}
-        onClick={() => appWindow.close()}
-      >
-        <CloseRounded fontSize="small" />
-      </Button>
-    </>
-  );
-};
-
-export default LayoutControl;

src/pages/_layout.tsx

@@ -17,7 +17,6 @@ import { useVerge } from "@/hooks/use-verge";
 import { ReactComponent as LogoSvg } from "@/assets/image/logo.svg";
 import { BaseErrorBoundary, Notice } from "@/components/base";
 import LayoutItem from "@/components/layout/layout-item";
-import LayoutControl from "@/components/layout/layout-control";
 import LayoutTraffic from "@/components/layout/layout-traffic";
 import UpdateButton from "@/components/layout/update-button";
 import useCustomTheme from "@/components/layout/use-custom-theme";
@@ -130,12 +129,6 @@ const Layout = () => {
           </div>
 
           <div className="layout__right" data-windrag>
-            {OS !== "macos" && (
-              <div className="the-bar">
-                <LayoutControl />
-              </div>
-            )}
-
             <div className="the-content">
               <BaseErrorBoundary>
                 <Routes>