From dc24d5127de5570eba9d3591badc509faa70cbca Mon Sep 17 00:00:00 2001 From: Nicolas Mowen Date: Thu, 9 May 2024 14:59:38 -0600 Subject: [PATCH] Handle tall browser --- web/src/views/events/RecordingView.tsx | 16 +++++++++++----- 1 file changed, 11 insertions(+), 5 deletions(-) diff --git a/web/src/views/events/RecordingView.tsx b/web/src/views/events/RecordingView.tsx index ee055de19..d49bfe01e 100644 --- a/web/src/views/events/RecordingView.tsx +++ b/web/src/views/events/RecordingView.tsx @@ -314,11 +314,17 @@ export function RecordingView({ } const availableHeight = mainHeight - 112; - const availableWidth = aspect * availableHeight; - const percent = - (mainWidth < availableWidth - ? mainWidth / availableWidth - : availableWidth / mainWidth) * 100; + + let percent; + if (mainWidth / availableHeight < aspect) { + percent = 100; + } else { + const availableWidth = aspect * availableHeight; + percent = + (mainWidth < availableWidth + ? mainWidth / availableWidth + : availableWidth / mainWidth) * 100; + } return { width: `${Math.round(percent)}%`,