administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-10 21:25:24 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

separate layout from aspect classes

Browse Source
This commit is contained in:
Josh Hawkins 2024-04-01 08:20:22 -05:00
parent 9fbb516c27
commit 3098762254
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/views/events/EventView.tsx
View File

@ -816,20 +816,23 @@ function MotionReview({
> >
{reviewCameras.map((camera) => { {reviewCameras.map((camera) => {
let grow; let grow;
let spans;
const aspectRatio = camera.detect.width / camera.detect.height; const aspectRatio = camera.detect.width / camera.detect.height;
if (aspectRatio > 2) { if (aspectRatio > 2) {
grow = "sm:col-span-2 aspect-wide"; grow = "aspect-wide";
spans = "sm:col-span-2";
} else if (aspectRatio < 1) { } else if (aspectRatio < 1) {
grow = "md:row-span-2 md:h-full aspect-tall"; grow = "md:h-full aspect-tall";
spans = "md:row-span-2";
} else { } else {
grow = "aspect-video"; grow = "aspect-video";
} }
const detectionType = getDetectionType(camera.name); const detectionType = getDetectionType(camera.name);
return ( return (
<div className={`relative ${grow}`}> <div className={`relative ${spans}`}>
<PreviewPlayer <PreviewPlayer
key={camera.name} key={camera.name}
className={`rounded-2xl ${grow}`} className={`rounded-2xl ${spans} ${grow}`}
camera={camera.name} camera={camera.name}
timeRange={currentTimeRange} timeRange={currentTimeRange}
startTime={previewStart} startTime={previewStart}