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

Fix horizontal camera list

Browse Source
This commit is contained in:
Nicolas Mowen 2024-03-27 13:40:55 -06:00
parent d4e2664a7d
commit c9934f7e4b
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -317,7 +317,7 @@ export function RecordingView({
</div> </div>
<div <div
className={`flex h-full my-2 justify-center overflow-hidden ${isDesktop ? "" : "flex-col gap-2"}`} className={`h-full flex my-2 justify-center overflow-hidden ${isDesktop ? "" : "flex-col gap-2"}`}
> >
<div className="flex flex-1 flex-wrap"> <div className="flex flex-1 flex-wrap">
<div <div
@ -327,7 +327,7 @@ export function RecordingView({
key={mainCamera} key={mainCamera}
className={ className={
isDesktop isDesktop
? `flex justify-center mb-5 ${mainCameraAspect == "tall" ? "h-full" : "w-[82%]"}` ? `flex justify-center mb-5 ${mainCameraAspect == "tall" ? "h-full" : "w-[78%]"}`
: `w-full ${mainCameraAspect == "wide" ? "" : "aspect-video"}` : `w-full ${mainCameraAspect == "wide" ? "" : "aspect-video"}`
} }
> >
@ -354,7 +354,7 @@ export function RecordingView({
</div> </div>
{isDesktop && ( {isDesktop && (
<div <div
className={`flex justify-center gap-2 ${mainCameraAspect == "tall" ? "h-full flex-col overflow-y-auto items-center" : "w-full overflow-x-auto"}`} className={`flex gap-2 ${mainCameraAspect == "tall" ? "h-full w-[16%] flex-col overflow-y-auto" : "w-full justify-center overflow-x-auto"}`}
> >
{allCameras.map((cam) => { {allCameras.map((cam) => {
if (cam !== mainCamera) { if (cam !== mainCamera) {
@ -362,7 +362,9 @@ export function RecordingView({
<div key={cam}> <div key={cam}>
<PreviewPlayer <PreviewPlayer
className={ className={
mainCameraAspect == "tall" ? "" : "size-full" mainCameraAspect == "tall"
? "size-full"
: "size-full"
} }
camera={cam} camera={cam}
timeRange={currentTimeRange} timeRange={currentTimeRange}