chore: updates

Author: zerosoul

electron/main/index.ts

@@ -110,6 +110,7 @@ app.whenReady().then(() => {
       click: () => {
         winAbout = new BrowserWindow({
           // alwaysOnTop: true,
+          autoHideMenuBar: true,
           movable: false,
           minimizable: false,
           maximizable: false,

src/components/layout.tsx

@@ -79,16 +79,22 @@ const Layout = () => {
       </>
     );
   }
+  const isMac = process.platform == "darwin";
   const contextMenuVisible = Object.values(menuVisibleMap).some((v) => v);
   return (
     <>
-      {process.platform == "darwin" && <TitleBar />}
-      <section className="flex h-screen select-none bg-transparent">
+      {!isMac && <TitleBar />}
+      <section
+        className={clsx(
+          "flex select-none bg-transparent",
+          isMac ? "h-screen" : "h-[calc(100vh_-_48px)]"
+        )}
+      >
         <aside
           className={clsx(
             "flex h-full w-[66px] flex-col items-center gap-3 bg-neutral-200 dark:bg-gray-900",
             contextMenuVisible ? "" : "app-drag",
-            process.platform == "darwin" ? "pt-8" : "pt-0"
+            isMac ? "pt-8" : "pt-1"
           )}
         >
           <ul className="flex w-full flex-col gap-2 py-1 text-lg text-gray-900 dark:text-gray-100">
@@ -208,7 +214,7 @@ const Layout = () => {
 
         {contextMenuVisible ? (
           <div className="menu-mask fixed left-0 top-0 z-10 h-full w-full"></div>
-        ) : process.platform == "darwin" ? (
+        ) : isMac ? (
           <div className="app-drag fixed left-0 top-0 z-50 h-6 w-full"></div>
         ) : null}
       </section>

src/components/titlebar.tsx

@@ -26,6 +26,7 @@ const TitleBar = () => {
         break;
     }
   };
+  const btnClass = "outline-none rounded-sm p-3 hover:bg-gray-200 dark:hover:bg-gray-800";
   return (
     <header
       onDoubleClick={handleControl.bind(null, "max")}
@@ -34,22 +35,13 @@ const TitleBar = () => {
       <img className="h-5 w-5" src={IconLogo} />
       <span className="text-sm text-gray-800 dark:text-gray-200">VoceChat</span>
       <div className="app-no-drag absolute right-3.5 top-1/2 flex -translate-y-1/2 items-center">
-        <button
-          onClick={handleControl.bind(null, "mini")}
-          className="rounded-sm p-3 hover:bg-gray-200 dark:hover:bg-gray-800"
-        >
+        <button onClick={handleControl.bind(null, "mini")} className={btnClass}>
           <IconMini className="dark:fill-gray-100" />
         </button>
-        <button
-          onClick={handleControl.bind(null, "fullscreen")}
-          className="rounded-sm p-3 hover:bg-gray-200 dark:hover:bg-gray-800"
-        >
+        <button onClick={handleControl.bind(null, "fullscreen")} className={btnClass}>
           <IconMax className="dark:fill-gray-100" />
         </button>
-        <button
-          onClick={handleControl.bind(null, "close")}
-          className="rounded-sm p-3 hover:bg-gray-200 dark:hover:bg-gray-800"
-        >
+        <button onClick={handleControl.bind(null, "close")} className={btnClass}>
           <IconClose className="dark:fill-gray-100" />
         </button>
       </div>

src/main.tsx

@@ -3,7 +3,6 @@ import ReactDOM from "react-dom/client";
 import { Provider } from "react-redux";
 import App from "./app";
 import store from "./app/store";
-import "./samples/node-api";
 import "./assets/css/base.css";
 import "./components/tippyjs-setting";
 
@@ -14,5 +13,9 @@ ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
     </Provider>
   </React.StrictMode>
 );
+// 去除非mac系统的滚动条
+if (process.platform !== "darwin") {
+  document.body.classList.add("overflow-hidden");
+}
 
 postMessage({ payload: "removeLoading" }, "*");