dynamic header height

Blue-Station · Nov 21, 2024 · 1381dd3 · 1381dd3
1 parent fa96292
commit 1381dd3
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 19 deletions.
diff --git a/electron/backend.ts b/electron/backend.ts
@@ -66,7 +66,7 @@ export class Backend {
     this.mainWindow = new Window(this, 'controller', {
       width: 800,
       height: 600,
-      frame: false,
+      // frame: false,
       minWidth: 800,
       minHeight: 600,
     });
@@ -76,14 +76,8 @@ export class Backend {
     this.mainWindow.windowInstance.on('close', (event: Electron.Event) => {
       event.preventDefault();
       this.mainWindow.windowInstance.hide();
-    //   // Ask user if he really wants to close the application
-    //   this.mainWindow!.windowInstance.webContents.send('app.stop.ask');
-    //   this.logger.debug('Main window close event received');
-
     });
 
-    // this.mainWindow.windowInstance.once('closed', () => process.exit(0));
-
     const nextApp = (next as unknown as typeof next.default)({
       dev: isDev,
       dir: path.resolve(app.getAppPath(), '..', 'renderer'),

diff --git a/electron/helpers/Window.ts b/electron/helpers/Window.ts
@@ -32,6 +32,8 @@ export class Window {
         preload: path.join(import.meta.dirname, '..', 'preload', 'preload.cjs'),
         ...options.webPreferences,
       },
+      ...(process.platform === 'darwin' ? {} : { titleBarOverlay: true }),
+      titleBarStyle: 'hidden',
     };
 
     this.window = new BrowserWindow(browserOptions);

diff --git a/renderer/app/components/header/header.tsx b/renderer/app/components/header/header.tsx
@@ -12,17 +12,6 @@ export default function Header(): React.ReactElement {
           <h1 id={styles.appTitle}>Whats&lt;Pending&gt;</h1>
         </div>
         <div id={styles.rightSide}>
-          <div id={styles.actionButtons}>
-            <div id={styles.minimize} onClick={(): void => {
-              ((globalThis as any).ipc)?.send('controller.minimize');
-            }}></div>
-            <div id={styles.maximize} onClick={(): void => {
-              ((globalThis as any).ipc)?.send('controller.maximize');
-            }}></div>
-            <div id={styles.close} onClick={(): void => {
-              ((globalThis as any).ipc)?.send('app.stop');
-            }}></div>
-          </div>
         </div>
       </div>
     </div>

diff --git a/renderer/app/globals.css b/renderer/app/globals.css
@@ -1,5 +1,5 @@
 :root {
-  --header-height: 1.75rem;
+  --header-height: env(titlebar-area-height, 1.75rem);
   --max-width: 1407px;
   --border-radius: 0.5rem;