update: macos blurred window and radius setup

src/components/cstb/CommonDir.tsx

@@ -22,7 +22,7 @@ const CommonDir = () => {
         </CardIcon>
       </CardHeader>
       <CardBody>
-        <div className="flex gap-2.5">
+        <div className="flex gap-1.5">
           <RoundedButton>Steam安装位置</RoundedButton>
           <RoundedButton>CS2游戏目录</RoundedButton>
           <RoundedButton>地图文件</RoundedButton>

src/components/window/Card.tsx

@@ -8,7 +8,7 @@ interface CardProps {
 const Card = ({ children }: CardProps) => {
   return (
     <div
-      className="dark:from-black/10 dark:to-black/5 dark:border-white/[6%] px-4 pt-3 pb-4 flex flex-col gap-2 border w-full rounded-lg bg-gradient-to-br from-white/90 to-white/80 border-black/[6%]"
+      className="dark:from-black/10 dark:to-black/5 dark:border-white/[6%] px-4 pt-3 pb-4 flex flex-col gap-2 border w-full rounded-lg bg-gradient-to-br from-white/80 to-white/70 border-black/[6%]"
       data-tauri-drag-region
     >
       {children}

src/components/window/Nav.tsx

@@ -2,7 +2,7 @@
 import { RocketOne, Minus, Close, Square } from "@icon-park/react"
 import { /* relaunch,  */ exit } from "@tauri-apps/plugin-process"
 import { getCurrentWindow } from "@tauri-apps/api/window"
-// import { invoke } from "@tauri-apps/api/core";
+import { platform } from "@tauri-apps/plugin-os"
 import { useRouter } from "next/navigation"
 
 const Nav = () => {
@@ -41,24 +41,29 @@ const Nav = () => {
       >
         <RocketOne size={16} />
       </button>
-      <button
-        className="px-2 py-0 transition rounded hover:bg-zinc-200/80 active:scale-95"
-        onClick={minimize}
-      >
-        <Minus size={16} />
-      </button>
-      <button
-        className="px-2 py-0 transition rounded hover:bg-zinc-200/80 active:scale-95"
-        onClick={toggleMaximize}
-      >
-        <Square size={16} />
-      </button>
-      <button
-        className="px-2 py-0 transition rounded hover:bg-zinc-200/80 active:scale-95"
-        onClick={close}
-      >
-        <Close size={16} />
-      </button>
+
+      {/* { platform() === "windows" && ( */}
+        <>
+          <button
+            className="px-2 py-0 transition rounded hover:bg-zinc-200/80 active:scale-95"
+            onClick={minimize}
+          >
+            <Minus size={16} />
+          </button>
+          <button
+            className="px-2 py-0 transition rounded hover:bg-zinc-200/80 active:scale-95"
+            onClick={toggleMaximize}
+          >
+            <Square size={16} />
+          </button>
+          <button
+            className="px-2 py-0 transition rounded hover:bg-zinc-200/80 active:scale-95"
+            onClick={close}
+          >
+            <Close size={16} />
+          </button>
+        </>
+      {/* )} */}
     </nav>
   )
 }

src/components/window/SideBar.tsx

@@ -3,6 +3,7 @@ import { ReactNode } from "react"
 import clsx from "clsx"
 import { Home, MonitorOne, Movie, Setting, Terminal, Toolkit } from "@icon-park/react"
 import { useRouter } from "next/navigation"
+// import { platform } from "@tauri-apps/plugin-os"
 import useAppStore from "@/store/app"
 
 interface SideButtonProps {
@@ -41,7 +42,10 @@ const SideBar = () => {
 
   return (
     <div
-      className="absolute left-0 flex flex-col w-20 h-full select-none py-7"
+      className={clsx(
+        "absolute left-0 flex flex-col h-full select-none w-20 py-7",
+        // platform() === "windows" ? "w-20" : "w-[4.25rem]"
+      )}
       data-tauri-drag-region
     >
       <section className="mx-auto">
@@ -74,7 +78,7 @@ const SideBar = () => {
 
       <div className="mx-auto text-sm text-center text-zinc-500" data-tauri-drag-region>
         <p>版本号</p>
-        <p onClick={()=> setVersion("x.y.z")}>{version}</p>
+        <p onClick={() => setVersion("x.y.z")}>{version}</p>
       </div>
     </div>
   )