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

Fix layout for tall video

Browse Source
This commit is contained in:
Nicolas Mowen 2024-03-08 10:53:41 -07:00
parent 8d7ba46e4e
commit ac85c3dc80
1 changed files with 2 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
web/src/components/player/PreviewVideoPlayer.tsx
View File

@ -29,19 +29,6 @@ export default function PreviewVideoPlayer({
}: PreviewVideoPlayerProps) {
const { data: config } = useSWR<FrigateConfig>("config");
// playback behavior
const tallVideo = useMemo(() => {
if (!config) {
return false;
}
return (
config.cameras[camera].detect.width /
config.cameras[camera].detect.height <
1
);
}, [camera, config]);
// controlling playback
const previewRef = useRef<HTMLVideoElement | null>(null);
@ -123,12 +110,12 @@ export default function PreviewVideoPlayer({
return (
<div
className={`relative ${className ?? ""} ${onClick ? "cursor-pointer" : ""}`}
className={`relative w-full ${className ?? ""} ${onClick ? "cursor-pointer" : ""}`}
onClick={onClick}
>
<video
ref={previewRef}
className={`size-full rounded-2xl ${tallVideo ? "aspect-tall" : ""} bg-black`}
className={`size-full rounded-2xl bg-black`}
preload="auto"
autoPlay
playsInline