administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-04-11 17:47:37 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

fix layout for portrait cameras

Browse Source
This commit is contained in:
Josh Hawkins 2025-10-24 16:36:13 -05:00
parent e26a54930f
commit 4790164e13
1 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/views/recording/RecordingView.tsx
View File

@ -695,7 +695,7 @@ export function RecordingView({
"flex flex-1 flex-wrap",
isDesktop
? timelineType === "detail"
? "w-full"
? "md:w-[40%] lg:w-[70%] xl:w-full"
: "w-[80%]"
: "",
)}
@ -703,11 +703,9 @@ export function RecordingView({
<div
className={cn(
"flex size-full items-center",
timelineType === "detail" && isDesktop
? "flex-col"
: mainCameraAspect == "tall"
? "flex-row justify-evenly"
: "flex-col justify-center gap-2",
mainCameraAspect == "tall"
? "flex-row justify-evenly"
: "flex-col justify-center gap-2",
)}
>
<div
@ -975,7 +973,7 @@ function Timeline({
className={cn(
"relative",
isDesktop
? `${timelineType == "timeline" ? "w-[100px]" : timelineType == "detail" ? "w-[30%]" : "w-60"} no-scrollbar overflow-y-auto`
? `${timelineType == "timeline" ? "w-[100px]" : timelineType == "detail" ? "w-[30%] min-w-[350px]" : "w-60"} no-scrollbar overflow-y-auto`
: `overflow-hidden portrait:flex-grow ${timelineType == "timeline" ? "landscape:w-[100px]" : timelineType == "detail" && isDesktop ? "flex-1" : "landscape:w-[300px]"} `,
)}
>