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

Simplify layout

Browse Source
This commit is contained in:
Nicolas Mowen 2024-05-09 14:22:31 -06:00
parent 06cdb699ce
commit dc518a4d27
1 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/views/events/RecordingView.tsx
View File

@ -334,6 +334,8 @@ export function RecordingView({
previewRowRef.current.scrollWidth > previewRowRef.current.clientWidth || previewRowRef.current.scrollWidth > previewRowRef.current.clientWidth ||
previewRowRef.current.scrollHeight > previewRowRef.current.clientHeight previewRowRef.current.scrollHeight > previewRowRef.current.clientHeight
); );
// we only want to update when the scroll size changes
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [previewRowRef.current?.scrollWidth, previewRowRef.current?.scrollHeight]); }, [previewRowRef.current?.scrollWidth, previewRowRef.current?.scrollHeight]);
return ( return (
@ -343,12 +345,7 @@ export function RecordingView({
{isMobile && ( {isMobile && (
<Logo className="absolute inset-x-1/2 -translate-x-1/2 h-8" /> <Logo className="absolute inset-x-1/2 -translate-x-1/2 h-8" />
)} )}
<div <div className={cn("flex items-center gap-2")}>
className={cn(
"flex items-center gap-2",
isMobile ? "landscape:flex-col" : "",
)}
>
<Button <Button
className="flex items-center gap-2.5 rounded-lg" className="flex items-center gap-2.5 rounded-lg"
size="sm" size="sm"