administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-04-12 01:57:36 +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", "flex flex-1 flex-wrap",
isDesktop isDesktop
? timelineType === "detail" ? timelineType === "detail"
? "w-full" ? "md:w-[40%] lg:w-[70%] xl:w-full"
: "w-[80%]" : "w-[80%]"
: "", : "",
)} )}
@ -703,11 +703,9 @@ export function RecordingView({
<div <div
className={cn( className={cn(
"flex size-full items-center", "flex size-full items-center",
timelineType === "detail" && isDesktop mainCameraAspect == "tall"
? "flex-col" ? "flex-row justify-evenly"
: mainCameraAspect == "tall" : "flex-col justify-center gap-2",
? "flex-row justify-evenly"
: "flex-col justify-center gap-2",
)} )}
> >
<div <div
@ -975,7 +973,7 @@ function Timeline({
className={cn( className={cn(
"relative", "relative",
isDesktop 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]"} `, : `overflow-hidden portrait:flex-grow ${timelineType == "timeline" ? "landscape:w-[100px]" : timelineType == "detail" && isDesktop ? "flex-1" : "landscape:w-[300px]"} `,
)} )}
> >