From 90c7273f6ab4e15ad5e6630249862c4d65dcde45 Mon Sep 17 00:00:00 2001 From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com> Date: Tue, 5 Mar 2024 14:12:50 -0600 Subject: [PATCH] don't set aspect ratio on fullscreen --- web/src/views/live/LiveCameraView.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/web/src/views/live/LiveCameraView.tsx b/web/src/views/live/LiveCameraView.tsx index 79fdc6b06..b0d8483ba 100644 --- a/web/src/views/live/LiveCameraView.tsx +++ b/web/src/views/live/LiveCameraView.tsx @@ -117,9 +117,9 @@ export default function LiveCameraView({ camera }: LiveCameraViewProps) { if (fullscreen) { if (aspect > 16 / 9) { - return "absolute inset-x-0 top-[50%] -translate-y-[50%]"; + return "absolute inset-x-2 top-[50%] -translate-y-[50%]"; } else { - return "absolute inset-y-0 left-[50%] -translate-x-[50%]"; + return "absolute inset-y-2 left-[50%] -translate-x-[50%]"; } } else { return "absolute top-2 bottom-2 left-[50%] -translate-x-[50%]"; @@ -135,14 +135,14 @@ export default function LiveCameraView({ camera }: LiveCameraViewProps) { }, [camera]); const aspectRatio = useMemo(() => { - if (isMobile) { + if (isMobile || fullscreen) { return cameraAspectRatio; } else { return windowAspectRatio < cameraAspectRatio ? windowAspectRatio - 0.05 : cameraAspectRatio - 0.03; } - }, [cameraAspectRatio, windowAspectRatio]); + }, [cameraAspectRatio, windowAspectRatio, fullscreen]); return (