From 97abf030d8028521b825da8ce73c013be88a549b Mon Sep 17 00:00:00 2001 From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com> Date: Tue, 28 May 2024 08:04:15 -0500 Subject: [PATCH] use container aspect in check --- web/src/views/live/LiveCameraView.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/web/src/views/live/LiveCameraView.tsx b/web/src/views/live/LiveCameraView.tsx index e00f8d71b..e36375798 100644 --- a/web/src/views/live/LiveCameraView.tsx +++ b/web/src/views/live/LiveCameraView.tsx @@ -247,7 +247,7 @@ export default function LiveCameraView({ if (isPortrait) { return "absolute left-0.5 right-0.5 top-[50%] -translate-y-[50%]"; } else { - if (aspect > aspectRatio) { + if (aspect > containerAspectRatio) { return "p-2 absolute left-0 top-[50%] -translate-y-[50%]"; } else { return "p-2 absolute top-0.5 bottom-0.5 left-[50%] -translate-x-[50%]"; @@ -256,7 +256,7 @@ export default function LiveCameraView({ } if (fullscreen) { - if (aspect > aspectRatio) { + if (aspect > containerAspectRatio) { return "absolute inset-x-2 top-[50%] -translate-y-[50%]"; } else { return "absolute inset-y-2 left-[50%] -translate-x-[50%]"; @@ -264,7 +264,7 @@ export default function LiveCameraView({ } else { return "absolute top-0.5 bottom-0.5 left-[50%] -translate-x-[50%]"; } - }, [camera, fullscreen, isPortrait, fullResolution, aspectRatio]); + }, [camera, fullscreen, isPortrait, fullResolution, containerAspectRatio]); return (