administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2025-12-07 22:05:44 +03:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

fixes

Browse Source
This commit is contained in:
Josh Hawkins 2025-11-06 10:05:47 -06:00
parent c86f232e64
commit 8f4ceea7d9
2 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -368,7 +368,7 @@ function DialogContentComponent({
>
{snapshotElement}
</div>
<div className="flex flex-[2] flex-col gap-4 overflow-hidden">
<div className="flex flex-col gap-4 overflow-hidden md:basis-2/5">
<TabsWithActions
search={search}
searchTabs={searchTabs}
@ -1491,14 +1491,19 @@ export function ObjectSnapshotTab({
const [imgRef, imgLoaded, onImgLoad] = useImageLoaded();
return (
<div className={cn("relative w-full", className)}>
<div className={cn("relative", isDesktop && "size-full", className)}>
<ImageLoadingIndicator
className="absolute inset-0 aspect-video min-h-[60dvh] w-full"
imgLoaded={imgLoaded}
/>
<div className={`${imgLoaded ? "visible" : "invisible"}`}>
<div
className={cn(
"flex size-full items-center",
imgLoaded ? "visible" : "invisible",
)}
>
<TransformWrapper minScale={1.0} wheel={{ smoothStep: 0.005 }}>
<div className="flex flex-col space-y-3">
<div className="flex w-full flex-col space-y-3 overflow-hidden">
<TransformComponent
wrapperStyle={{
width: "100%",
@ -1511,7 +1516,7 @@ export function ObjectSnapshotTab({
}}
>
{search?.id && (
<div className="relative mx-auto">
<div className="relative mx-auto flex h-full">
<img
ref={imgRef}
className="mx-auto max-h-[60dvh] rounded-lg bg-background object-contain"

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

@ -440,7 +440,7 @@ export function TrackingDetails({
</div>
</div>
<div className={cn(isDesktop && "flex-[2] overflow-hidden")}>
<div className={cn(isDesktop && "overflow-hidden md:basis-2/5")}>
{isDesktop && tabs && (
<div className="mb-4 flex items-center justify-between">
<div className="flex-1">{tabs}</div>
@ -453,7 +453,7 @@ export function TrackingDetails({
>
{config?.cameras[event.camera]?.onvif.autotracking
.enabled_in_config && (
<div className="-mt-2 mb-2 text-sm text-danger">
<div className="mb-2 text-sm text-danger">
{t("trackingDetails.autoTrackingTips")}
</div>
)}