Fix stuff

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">

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]";
           }

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")],