cleaner nice header

packages/desktop/src/components/header/index.tsx

@@ -78,7 +78,10 @@ export default function NirvanaHeader() {
     <>
       <GlobalHotKeys handlers={handlers} keyMap={keyMap} />
 
-      <div className="flex flex-row items-center h-12 bg-gray-100 pl-2">
+      <div
+        className="flex flex-row items-center bg-gray-100 pl-2"
+        id="titlebar"
+      >
         <Logo type="small" />
 
         <div className="mx-auto flex flex-row items-center space-x-2">

packages/desktop/src/components/lines/lineRow.tsx/index.tsx

@@ -80,7 +80,7 @@ export default function LineRow({
     <div
       onClick={handleSelectLine}
       id={lineDetails.lineId}
-      className="flex flex-row items-center justify-start gap-2 p-2 px-4 h-14 hover:bg-gray-300 cursor-pointer transition-all
+      className="flex flex-row items-center justify-start gap-2 p-2 px-4 h-14 hover:bg-gray-200 cursor-pointer transition-all
   last:border-b-0 border-b border-b-gray-200"
     >
       {/* status dot */}

packages/desktop/src/electron/constants.ts

@@ -28,7 +28,7 @@ export const DimensionPresets = {
   },
   terminalDetailOverlay: {
     height: 675,
-    width: 1100,
+    width: 800,
   },
   // todo: typically just send whatever dimensions are needed
   overlayMode: {

packages/desktop/src/index.ts

@@ -1,4 +1,11 @@
-import { BrowserWindow, app, dialog, globalShortcut, ipcMain } from "electron";
+import {
+  BrowserWindow,
+  Menu,
+  app,
+  dialog,
+  globalShortcut,
+  ipcMain,
+} from "electron";
 import Channels, { Dimensions } from "./electron/constants";
 
 import { DimensionPresets } from "./electron/constants";
@@ -32,7 +39,9 @@ const createWindow = (): void => {
     },
     alwaysOnTop: true,
     icon: "./assets/1024x1024.icns",
-    autoHideMenuBar: true,
+
+    frame: false,
+    roundedCorners: false,
   });
 
   // and load the index.html of the app.

packages/desktop/src/pages/terminal/index.tsx

@@ -33,7 +33,7 @@ export default function NirvanaTerminal({
       <NirvanaHeader />
 
       {/* tuned in lines block */}
-      <div className="bg-gray-200 flex flex-col">
+      <div className="bg-gray-100 flex flex-col">
         {/* tuned in header + general controls */}
         <div className="flex flex-row items-center p-3 pb-0">
           <span className="flex flex-row gap-2 items-center justify-start text-slate-800">

packages/desktop/src/styles/index.css

@@ -12,3 +12,12 @@
 button {
   @apply transition-all;
 }
+
+#titlebar {
+  -webkit-user-select: none;
+  -webkit-app-region: drag;
+}
+
+.titlebar-button {
+  -webkit-app-region: no-drag;
+}