From 737808ceeed4fa530a236107c3a00caef52ef887 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Sun, 1 May 2022 14:08:10 -0500
Subject: [PATCH] cleaner nice header

---
 packages/desktop/src/components/header/index.tsx    |  5 ++++-
 .../src/components/lines/lineRow.tsx/index.tsx      |  2 +-
 packages/desktop/src/electron/constants.ts          |  2 +-
 packages/desktop/src/index.ts                       | 13 +++++++++++--
 packages/desktop/src/pages/terminal/index.tsx       |  2 +-
 packages/desktop/src/styles/index.css               |  9 +++++++++
 6 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/packages/desktop/src/components/header/index.tsx b/packages/desktop/src/components/header/index.tsx
index cf49863..a2f53eb 100644
--- a/packages/desktop/src/components/header/index.tsx
+++ b/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">
diff --git a/packages/desktop/src/components/lines/lineRow.tsx/index.tsx b/packages/desktop/src/components/lines/lineRow.tsx/index.tsx
index 033528f..fa14c04 100644
--- a/packages/desktop/src/components/lines/lineRow.tsx/index.tsx
+++ b/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 */}
diff --git a/packages/desktop/src/electron/constants.ts b/packages/desktop/src/electron/constants.ts
index eb8a9ab..46dd783 100644
--- a/packages/desktop/src/electron/constants.ts
+++ b/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: {
diff --git a/packages/desktop/src/index.ts b/packages/desktop/src/index.ts
index 81d9330..bb5ddc1 100644
--- a/packages/desktop/src/index.ts
+++ b/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.
diff --git a/packages/desktop/src/pages/terminal/index.tsx b/packages/desktop/src/pages/terminal/index.tsx
index f6b874e..f455936 100644
--- a/packages/desktop/src/pages/terminal/index.tsx
+++ b/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">
diff --git a/packages/desktop/src/styles/index.css b/packages/desktop/src/styles/index.css
index caa522c..113976b 100644
--- a/packages/desktop/src/styles/index.css
+++ b/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;
+}