From 4cf453a41f0aef35faad7de1f46308a002b107f1 Mon Sep 17 00:00:00 2001
From: Priestch <priestch@gmail.com>
Date: Wed, 11 Jan 2023 21:09:05 +0800
Subject: [PATCH] fix: optimize the main window when switch to light theme

---
 src-tauri/tauri.conf.json                |  9 +++++-
 src/components/layout/layout-control.tsx | 41 ------------------------
 src/pages/_layout.tsx                    |  7 ----
 3 files changed, 8 insertions(+), 49 deletions(-)
 delete mode 100644 src/components/layout/layout-control.tsx

diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
index 7774656..2fbcd58 100644
--- a/src-tauri/tauri.conf.json
+++ b/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';"
     }
diff --git a/src/components/layout/layout-control.tsx b/src/components/layout/layout-control.tsx
deleted file mode 100644
index 379527b..0000000
--- a/src/components/layout/layout-control.tsx
+++ /dev/null
@@ -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;
diff --git a/src/pages/_layout.tsx b/src/pages/_layout.tsx
index c2ba2b0..0d6bc57 100644
--- a/src/pages/_layout.tsx
+++ b/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>