From ac85c3dc806923456e56212acbf278fa4840bc2a Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Fri, 8 Mar 2024 10:53:41 -0700
Subject: [PATCH] Fix layout for tall video

---
 .../components/player/PreviewVideoPlayer.tsx    | 17 ++---------------
 1 file changed, 2 insertions(+), 15 deletions(-)

diff --git a/web/src/components/player/PreviewVideoPlayer.tsx b/web/src/components/player/PreviewVideoPlayer.tsx
index a7ad79bd7..8f3f170d2 100644
--- a/web/src/components/player/PreviewVideoPlayer.tsx
+++ b/web/src/components/player/PreviewVideoPlayer.tsx
@@ -29,19 +29,6 @@ export default function PreviewVideoPlayer({
 }: PreviewVideoPlayerProps) {
   const { data: config } = useSWR<FrigateConfig>("config");
 
-  // playback behavior
-  const tallVideo = useMemo(() => {
-    if (!config) {
-      return false;
-    }
-
-    return (
-      config.cameras[camera].detect.width /
-        config.cameras[camera].detect.height <
-      1
-    );
-  }, [camera, config]);
-
   // controlling playback
 
   const previewRef = useRef<HTMLVideoElement | null>(null);
@@ -123,12 +110,12 @@ export default function PreviewVideoPlayer({
 
   return (
     <div
-      className={`relative ${className ?? ""} ${onClick ? "cursor-pointer" : ""}`}
+      className={`relative w-full ${className ?? ""} ${onClick ? "cursor-pointer" : ""}`}
       onClick={onClick}
     >
       <video
         ref={previewRef}
-        className={`size-full rounded-2xl ${tallVideo ? "aspect-tall" : ""} bg-black`}
+        className={`size-full rounded-2xl bg-black`}
         preload="auto"
         autoPlay
         playsInline