nice pic iszing

packages/desktop/src/electron/constants.ts

@@ -30,7 +30,7 @@ export const DimensionPresets = {
   // todo: typically just send whatever dimensions are needed
   overlayOnlyMode: {
     height: 800,
-    width: 400,
+    width: 325,
   },
 };
 

packages/desktop/src/index.ts

@@ -44,11 +44,13 @@ const createWindow = (): void => {
 
     transparent: true,
 
+    backgroundColor: "#00000000",
+
     frame: false,
     roundedCorners: false,
   });
 
-  browserWindow.setBackgroundColor("#00000000");
+  // browserWindow.setBackgroundColor("#00000000");
 
   // browserWindow.setIgnoreMouseEvents(true);
   // browserWindow.setFocusable(true);

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

@@ -1,5 +1,12 @@
 export default function Overlay() {
+  //todo: change window size based on how many streams are being shown
+
   return (
-    <div className="flex flex-col bg-transparent">this is the overlay</div>
+    <div className="flex flex-col bg-transparent">
+      <img
+        className="w w-fit"
+        src="https://miro.medium.com/max/1200/1*hONz6Wttkst4FUp_0hwQJQ.png"
+      />
+    </div>
   );
 }