From 60ef4c2fd58e1fc7f4ce0f0fdb102b50d938f0f8 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Wed, 7 Feb 2024 09:29:13 -0700
Subject: [PATCH] Don't force heights

---
 web/src/pages/Live.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/pages/Live.tsx b/web/src/pages/Live.tsx
index f8896c021..f2776e70b 100644
--- a/web/src/pages/Live.tsx
+++ b/web/src/pages/Live.tsx
@@ -77,15 +77,15 @@ function Live() {
         </ScrollArea>
       )}
 
-      <div className="mt-4 grid grid-cols-3 gap-4">
+      <div className="mt-4 grid xl:grid-cols-2 3xl:grid-cols-3 gap-4">
         {cameras.map((camera) => {
           let grow;
           if (camera.detect.width / camera.detect.height > 2) {
-            grow = "h-[424px] col-span-2";
+            grow = "md:col-span-2";
           } else if (camera.detect.width / camera.detect.height < 1) {
-            grow = "h-[840px] row-span-2";
+            grow = "md:row-span-2";
           } else {
-            grow = "h-[425px]";
+            grow = "aspect-video";
           }
           return (
             <LivePlayer