From 75d41b6fe527af876e212d9b4367613e19f4fa68 Mon Sep 17 00:00:00 2001
From: MystiPanda <mystipanda@proton.me>
Date: Wed, 13 Mar 2024 13:58:29 +0800
Subject: [PATCH] feat: Add border-radius for window on linux

---
 .gitignore                     |  1 +
 .tool-versions                 |  1 +
 src-tauri/src/utils/resolve.rs |  2 +-
 src/assets/styles/index.scss   | 10 +++++-----
 src/assets/styles/layout.scss  |  2 +-
 src/pages/_layout.tsx          | 14 +++++++++++---
 src/pages/_theme.tsx           |  2 +-
 7 files changed, 21 insertions(+), 11 deletions(-)
 create mode 100644 .tool-versions

diff --git a/.gitignore b/.gitignore
index c9e2fb9..71b24cb 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,3 +6,4 @@ dist-ssr
 update.json
 scripts/_env.sh
 .vscode
+.tool-version
\ No newline at end of file
diff --git a/.tool-versions b/.tool-versions
new file mode 100644
index 0000000..9caef8f
--- /dev/null
+++ b/.tool-versions
@@ -0,0 +1 @@
+nodejs 21.7.1
diff --git a/src-tauri/src/utils/resolve.rs b/src-tauri/src/utils/resolve.rs
index 65d7689..e075a6c 100644
--- a/src-tauri/src/utils/resolve.rs
+++ b/src-tauri/src/utils/resolve.rs
@@ -171,7 +171,7 @@ pub fn create_window(app_handle: &AppHandle) {
         .title_bar_style(tauri::TitleBarStyle::Overlay)
         .build();
     #[cfg(target_os = "linux")]
-    let window = builder.decorations(true).transparent(false).build();
+    let window = builder.decorations(false).transparent(true).build();
 
     match window {
         Ok(win) => {
diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 36bb58a..d29e42d 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -47,11 +47,11 @@ body {
 @import "./page.scss";
 @import "./font.scss";
 
-@media (prefers-color-scheme: dark) {
-  :root {
-    background-color: rgba(18, 18, 18, 1);
-  }
-}
+// @media (prefers-color-scheme: dark) {
+//   :root {
+//     background-color: rgba(18, 18, 18, 1);
+//   }
+// }
 
 .user-none {
   user-select: none;
diff --git a/src/assets/styles/layout.scss b/src/assets/styles/layout.scss
index fe2ef30..78b0cc3 100644
--- a/src/assets/styles/layout.scss
+++ b/src/assets/styles/layout.scss
@@ -94,7 +94,7 @@
       // position: absolute;
       // top: 0px;
       // right: 0px;
-      height: 24px;
+      height: 36px;
       display: flex;
       // align-items: center;
       justify-content: end;
diff --git a/src/pages/_layout.tsx b/src/pages/_layout.tsx
index ce58f90..d33b4dc 100644
--- a/src/pages/_layout.tsx
+++ b/src/pages/_layout.tsx
@@ -122,6 +122,14 @@ const Layout = () => {
             ({ palette }) => ({
               bgcolor: palette.background.paper,
             }),
+            OS === "linux"
+              ? {
+                  borderRadius: "8px",
+                  border: "2px solid var(--divider-color)",
+                  width: "calc(100vw - 4px)",
+                  height: "calc(100vh - 4px)",
+                }
+              : {},
           ]}
         >
           <div className="layout__left" data-tauri-drag-region="true">
@@ -148,11 +156,11 @@ const Layout = () => {
           </div>
 
           <div className="layout__right">
-            {OS === "windows" && (
+            {
               <div className="the-bar" data-tauri-drag-region="true">
-                <LayoutControl />
+                {OS !== "macos" && <LayoutControl />}
               </div>
-            )}
+            }
 
             <TransitionGroup className="the-content">
               <CSSTransition
diff --git a/src/pages/_theme.tsx b/src/pages/_theme.tsx
index 57cee9e..35485cb 100644
--- a/src/pages/_theme.tsx
+++ b/src/pages/_theme.tsx
@@ -4,7 +4,7 @@ const OS = getSystem();
 // default theme setting
 export const defaultTheme = {
   primary_color: "#007AFF",
-  secondary_color: "#FFCC00",
+  secondary_color: "#fc9b76",
   primary_text: "#000000",
   secondary_text: "#3c3c4399",
   info_color: "#007AFF",