update files

Author: arvinxx

apps/desktop/package.json

@@ -11,7 +11,7 @@
     "build:mac": "npm run build && electron-builder --mac",
     "build:unpack": "npm run build && electron-builder --dir",
     "build:win": "npm run build && electron-builder --win",
-    "dev": "electron-vite dev",
+    "electron:dev": "electron-vite dev",
     "electron:run": "electron .",
     "format": "prettier --write ",
     "postinstall": "electron-builder install-app-deps",
@@ -26,9 +26,9 @@
     "next-electron-rsc": "^0.2.3"
   },
   "devDependencies": {
-    "@electron-toolkit/preload": "^3.0.1",
     "@electron-toolkit/eslint-config-prettier": "^3.0.0",
     "@electron-toolkit/eslint-config-ts": "^3.0.0",
+    "@electron-toolkit/preload": "^3.0.1",
     "@electron-toolkit/tsconfig": "^1.0.1",
     "electron": "^34.2.0",
     "electron-builder": "^25.1.8",

apps/desktop/src/main/index.ts

@@ -10,7 +10,7 @@ let mainWindow;
 let stopIntercept;
 
 // Next.js handler
-const standaloneDir = path.join(appPath,'out', 'standalone');
+const standaloneDir = path.join(appPath, 'out', 'standalone');
 const { createInterceptor } = createHandler({
   debug: true,
   localhostUrl,
@@ -23,6 +23,7 @@ const createWindow = async () => {
   mainWindow = new BrowserWindow({
     autoHideMenuBar: true,
     height: 800,
+    titleBarStyle: 'hidden',
     webPreferences: {
       contextIsolation: true, // protect against prototype pollution
       preload: join(__dirname, '../preload/index.js'),
@@ -59,8 +60,6 @@ app.on('ready', createWindow);
 
 app.on('window-all-closed', () => app.quit());
 
-// if (process.platform !== 'darwin')
-
 app.on(
   'activate',
   () => BrowserWindow.getAllWindows().length === 0 && !mainWindow && createWindow(),

src/app/[variants]/(main)/_layout/Desktop/SideBar/index.tsx

@@ -31,7 +31,11 @@ const Nav = memo(() => {
       <SideNav
         avatar={<Avatar />}
         bottomActions={<BottomActions />}
-        style={{ height: '100%', paddingTop: isDesktop ? 24 : undefined, zIndex: 100 }}
+        style={{
+          height: '100%',
+          zIndex: 100,
+          ...(isDesktop ? { background: 'transparent', paddingTop: 24 } : {}),
+        }}
         topActions={
           <Suspense>
             <Top />

src/features/User/UserPanel/index.tsx

@@ -4,16 +4,20 @@ import { Popover } from 'antd';
 import { createStyles } from 'antd-style';
 import { PropsWithChildren, memo, useState } from 'react';
 
+import { isDesktop } from '@/const/version';
+
 import PanelContent from './PanelContent';
 import UpgradeBadge from './UpgradeBadge';
 import { useNewVersion } from './useNewVersion';
 
-const useStyles = createStyles(({ css }) => ({
-  popover: css`
-    inset-block-start: 8px !important;
-    inset-inline-start: 8px !important;
-  `,
-}));
+const useStyles = createStyles(({ css }) => {
+  return {
+    popover: css`
+      inset-block-start: ${isDesktop ? 24 : 8}px !important;
+      inset-inline-start: 8px !important;
+    `,
+  };
+});
 
 const UserPanel = memo<PropsWithChildren>(({ children }) => {
   const hasNewVersion = useNewVersion();