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
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
@ -327,7 +327,7 @@ export function RecordingView({
key={mainCamera}
className={
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"}`
}
>
@ -354,7 +354,7 @@ export function RecordingView({
</div>
{isDesktop && (
<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) => {
if (cam !== mainCamera) {
@ -362,7 +362,9 @@ export function RecordingView({
<div key={cam}>
<PreviewPlayer
className={
mainCameraAspect == "tall" ? "" : "size-full"
mainCameraAspect == "tall"
? "size-full"
: "size-full"
}
camera={cam}
timeRange={currentTimeRange}