chris/frigate
1
0
Fork 0
forked from Github/frigate
Code Pull Requests Packages Activity

calculate aspect ratio of container to prevent overflow (#11495)

Browse Source
This commit is contained in:
Josh Hawkins
2024-05-23 08:30:16 -05:00
committed by GitHub
parent 4d05bc25f4
commit 058e9a3ba0
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/components/settings/MasksAndZones.tsx
View File

@@ -98,8 +98,11 @@ export default function MasksAndZones({
}, [config, selectedCamera]); }, [config, selectedCamera]);
const stretch = true; const stretch = true;
// may need tweaking for mobile
const fitAspect = isDesktop ? 16 / 9 : 3 / 4; const fitAspect = useMemo(
() => (isDesktop ? containerWidth / containerHeight : 3 / 4),
[containerWidth, containerHeight],
);
const scaledHeight = useMemo(() => { const scaledHeight = useMemo(() => {
if (containerRef.current && aspectRatio && detectHeight) { if (containerRef.current && aspectRatio && detectHeight) {