From 9144ad6e1a57abb4a4da5b0d330afeefd8af2229 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Mon, 2 May 2022 08:07:20 -0500
Subject: [PATCH] good place in terms of the resizing and all

---
 .../desktop/src/pages/lineDetailsTerminal/index.tsx  |  2 +-
 packages/desktop/src/pages/overlay/index.tsx         | 12 +++++++-----
 packages/desktop/src/pages/router/index.tsx          |  6 +++---
 packages/desktop/src/pages/terminal/index.tsx        |  2 +-
 4 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/packages/desktop/src/pages/lineDetailsTerminal/index.tsx b/packages/desktop/src/pages/lineDetailsTerminal/index.tsx
index 2f87a57..3021b93 100644
--- a/packages/desktop/src/pages/lineDetailsTerminal/index.tsx
+++ b/packages/desktop/src/pages/lineDetailsTerminal/index.tsx
@@ -9,7 +9,7 @@ export default function LineDetailsTerminal({
   return (
     <div
       id={`${selectedLine.lineId}-lineDetailsTerminal`}
-      className="flex flex-col flex-1 bg-gray-100"
+      className="flex flex-col bg-gray-100 w-[400px]"
     >
       {/* line overview header */}
       <div className="flex flex-row p-3 items-center gap-1">
diff --git a/packages/desktop/src/pages/overlay/index.tsx b/packages/desktop/src/pages/overlay/index.tsx
index d1ab0ed..42babd0 100644
--- a/packages/desktop/src/pages/overlay/index.tsx
+++ b/packages/desktop/src/pages/overlay/index.tsx
@@ -31,11 +31,13 @@ export default function Overlay() {
   };
 
   return (
-    <div className="flex flex-col bg-transparent">
-      <img
-        className="w w-fit"
-        src="https://miro.medium.com/max/1200/1*hONz6Wttkst4FUp_0hwQJQ.png"
-      />
+    <div className="flex flex-col bg-transparent max-w-sm">
+      {[...Array(maxNumActiveStreams)].map((_n) => (
+        <img
+          className="w-fit"
+          src="https://miro.medium.com/max/1200/1*hONz6Wttkst4FUp_0hwQJQ.png"
+        />
+      ))}
 
       <button onClick={addActiveLine}>add column</button>
       <button onClick={addAnotherStream}>add row</button>
diff --git a/packages/desktop/src/pages/router/index.tsx b/packages/desktop/src/pages/router/index.tsx
index 44a9c6d..f1a758d 100644
--- a/packages/desktop/src/pages/router/index.tsx
+++ b/packages/desktop/src/pages/router/index.tsx
@@ -232,7 +232,7 @@ export default function NirvanaRouter() {
       console.log(
         "window blurring now, should be always on top and then ill tell main process to change dimensions"
       );
-      setDesktopMode("overlayOnly");
+      // setDesktopMode("overlayOnly");
     });
   }, [setDesktopMode]);
 
@@ -241,7 +241,7 @@ export default function NirvanaRouter() {
     // always have overlay so need to calculate that
     const overlayDimensions: Dimensions = {
       height: 50 + numberOfOverlayRows * 200,
-      width: 325 + numberOfOverlayColumns,
+      width: 350 * numberOfOverlayColumns,
     };
     const setAlwaysOnTop = desktopMode === "overlayOnly";
 
@@ -301,7 +301,7 @@ export default function NirvanaRouter() {
   );
 
   return (
-    <div className="flex flex-col h-screen w-screen">
+    <div className="flex flex-col">
       <NirvanaHeader onHeaderFocus={() => setDesktopMode("terminal")} />
 
       <div className="flex flex-row flex-1">
diff --git a/packages/desktop/src/pages/terminal/index.tsx b/packages/desktop/src/pages/terminal/index.tsx
index 121cb07..cf1758a 100644
--- a/packages/desktop/src/pages/terminal/index.tsx
+++ b/packages/desktop/src/pages/terminal/index.tsx
@@ -25,7 +25,7 @@ export default function NirvanaTerminal({
   );
 
   return (
-    <div className="flex flex-col flex-1 bg-white">
+    <div className="flex flex-col bg-white w-[400px]">
       {/* tuned in lines block */}
       <div className="bg-gray-100 flex flex-col">
         {/* tuned in header + general controls */}