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} {snapshotElement}
</div> </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 <TabsWithActions
search={search} search={search}
searchTabs={searchTabs} searchTabs={searchTabs}
@ -1491,14 +1491,19 @@ export function ObjectSnapshotTab({
const [imgRef, imgLoaded, onImgLoad] = useImageLoaded(); const [imgRef, imgLoaded, onImgLoad] = useImageLoaded();
return ( return (
<div className={cn("relative w-full", className)}> <div className={cn("relative", isDesktop && "size-full", className)}>
<ImageLoadingIndicator <ImageLoadingIndicator
className="absolute inset-0 aspect-video min-h-[60dvh] w-full" className="absolute inset-0 aspect-video min-h-[60dvh] w-full"
imgLoaded={imgLoaded} 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 }}> <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 <TransformComponent
wrapperStyle={{ wrapperStyle={{
width: "100%", width: "100%",
@ -1511,7 +1516,7 @@ export function ObjectSnapshotTab({
}} }}
> >
{search?.id && ( {search?.id && (
<div className="relative mx-auto"> <div className="relative mx-auto flex h-full">
<img <img
ref={imgRef} ref={imgRef}
className="mx-auto max-h-[60dvh] rounded-lg bg-background object-contain" 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> </div>
<div className={cn(isDesktop && "flex-[2] overflow-hidden")}> <div className={cn(isDesktop && "overflow-hidden md:basis-2/5")}>
{isDesktop && tabs && ( {isDesktop && tabs && (
<div className="mb-4 flex items-center justify-between"> <div className="mb-4 flex items-center justify-between">
<div className="flex-1">{tabs}</div> <div className="flex-1">{tabs}</div>
@ -453,7 +453,7 @@ export function TrackingDetails({
> >
{config?.cameras[event.camera]?.onvif.autotracking {config?.cameras[event.camera]?.onvif.autotracking
.enabled_in_config && ( .enabled_in_config && (
<div className="-mt-2 mb-2 text-sm text-danger"> <div className="mb-2 text-sm text-danger">
{t("trackingDetails.autoTrackingTips")} {t("trackingDetails.autoTrackingTips")}
</div> </div>
)} )}