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

layout tweaks

Browse Source
This commit is contained in:
Josh Hawkins 2025-11-01 08:45:25 -05:00
parent 1d991f6c7c
commit fcc12f15cd
2 changed files with 28 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/components/overlay/detail/SearchDetailDialog.tsx
View File

@ -391,10 +391,7 @@ export default function SearchDetailDialog({
</>
)}
{page == "tracking_details" && (
<TrackingDetails
className="w-full overflow-x-hidden"
event={search as unknown as Event}
/>
<TrackingDetails event={search as unknown as Event} />
)}
</>
)}

49
web/src/components/overlay/detail/TrackingDetails.tsx
View File

@ -301,31 +301,36 @@ export function TrackingDetails({
<div
className={cn(
"relative flex items-center justify-center",
cameraAspect === "wide"
? "w-full flex-1"
: cameraAspect === "tall"
? "max-h-[50dvh] lg:max-h-[70dvh]"
: isDesktop && "w-full flex-[3]",
"flex w-full items-center justify-center",
isDesktop && "overflow-hidden",
cameraAspect === "tall" ? "max-h-[50dvh] lg:max-h-[70dvh]" : "w-full",
cameraAspect !== "tall" && isDesktop && "flex-[3]",
)}
style={{ aspectRatio: aspectRatio }}
ref={containerRef}
>
<HlsVideoPlayer
videoRef={videoRef}
containerRef={containerRef}
visible={true}
currentSource={videoSource}
hotKeys={false}
supportsFullscreen={false}
fullscreen={false}
frigateControls={true}
onTimeUpdate={handleTimeUpdate}
onSeekToTime={handleSeekToTime}
isDetailMode={true}
camera={event.camera}
currentTimeOverride={currentTime}
/>
<div
className={cn(
"relative",
cameraAspect === "tall" ? "h-full" : "w-full",
)}
>
<HlsVideoPlayer
videoRef={videoRef}
containerRef={containerRef}
visible={true}
currentSource={videoSource}
hotKeys={false}
supportsFullscreen={false}
fullscreen={false}
frigateControls={true}
onTimeUpdate={handleTimeUpdate}
onSeekToTime={handleSeekToTime}
isDetailMode={true}
camera={event.camera}
currentTimeOverride={currentTime}
/>
</div>
</div>
<div className={cn(isDesktop && "flex-[2] overflow-hidden")}>
@ -335,7 +340,7 @@ export function TrackingDetails({
isDesktop && "scrollbar-container h-full overflow-y-auto",
)}
>
<div className="mt-3 flex flex-row items-center justify-between">
<div className="flex flex-row items-center justify-between">
<Heading as="h4">{t("trackingDetails.title")}</Heading>
<div className="flex flex-row gap-2">