From e0867898592cbd6be47673f41f6399cc91dc4dbb Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Wed, 7 Feb 2024 09:15:14 -0700
Subject: [PATCH] Fix stuff

---
 web/src/components/player/LivePlayer.tsx | 8 +-------
 web/src/pages/Live.tsx                   | 8 ++++----
 web/tailwind.config.js                   | 9 ---------
 3 files changed, 5 insertions(+), 20 deletions(-)

diff --git a/web/src/components/player/LivePlayer.tsx b/web/src/components/player/LivePlayer.tsx
index 3cbc1aa8d..e8687ec7c 100644
--- a/web/src/components/player/LivePlayer.tsx
+++ b/web/src/components/player/LivePlayer.tsx
@@ -74,13 +74,7 @@ export default function LivePlayer({
     );
   } else if (liveMode == "mse") {
     if ("MediaSource" in window || "ManagedMediaSource" in window) {
-      const camera = cameraConfig.name == "front_doorbell_cam" ? "portrait_cam" : cameraConfig.name
-      player = (
-        <MSEPlayer
-          className="rounded-2xl"
-          camera={camera}
-        />
-      );
+      player = <MSEPlayer className="rounded-2xl" camera={cameraConfig.name} />;
     } else {
       player = (
         <div className="w-5xl text-center text-sm">
diff --git a/web/src/pages/Live.tsx b/web/src/pages/Live.tsx
index 5de9ef30a..f8896c021 100644
--- a/web/src/pages/Live.tsx
+++ b/web/src/pages/Live.tsx
@@ -77,13 +77,13 @@ function Live() {
         </ScrollArea>
       )}
 
-      <div className="mt-4 grid grid-rows-masonry grid-cols-3 gap-4">
+      <div className="mt-4 grid grid-cols-3 gap-4">
         {cameras.map((camera) => {
           let grow;
           if (camera.detect.width / camera.detect.height > 2) {
-            grow = "h-[424px] col-end-span-2";
-          } else if (camera.name == "front_doorbell_cam") {
-            grow = "h-[840px]";
+            grow = "h-[424px] col-span-2";
+          } else if (camera.detect.width / camera.detect.height < 1) {
+            grow = "h-[840px] row-span-2";
           } else {
             grow = "h-[425px]";
           }
diff --git a/web/tailwind.config.js b/web/tailwind.config.js
index d8e303c9f..dc84c91b1 100644
--- a/web/tailwind.config.js
+++ b/web/tailwind.config.js
@@ -82,15 +82,6 @@ module.exports = {
         "3xl": "1920px",
         "4xl": "2560px",
       },
-      gridTemplateColumns: {
-        '3': 'repeat(3, 1fr)',
-      },
-      gridTemplateRows: {
-        'masonry': 'masonry',
-      },
-      gridColumnEnd: {
-        'span-2': 'span 2',
-      },
     },
   },
   plugins: [require("tailwindcss-animate")],