administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-14 15:15:22 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix thumbnails and annotation offset math

Browse Source
This commit is contained in:
Josh Hawkins 2024-09-03 17:16:04 -05:00
parent 548fc2c30c
commit 281ddde15c
2 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -119,9 +119,7 @@ export default function ObjectLifecycle({
return 0; return 0;
} }
return ( return config.cameras[event.camera]?.detect?.annotation_offset || 0;
(config.cameras[event.camera]?.detect?.annotation_offset || 0) / 1000
);
}, [config, event]); }, [config, event]);
const [annotationOffset, setAnnotationOffset] = useState<number>( const [annotationOffset, setAnnotationOffset] = useState<number>(

22
web/src/components/overlay/detail/ReviewDetailDialog.tsx
View File

@ -223,16 +223,16 @@ function EventItem({
onMouseLeave={isDesktop ? () => setHovered(false) : undefined} onMouseLeave={isDesktop ? () => setHovered(false) : undefined}
key={event.id} key={event.id}
> >
<div className="pointer-events-none absolute inset-x-0 top-0 h-[30%] w-full rounded-lg bg-gradient-to-b from-black/20 to-transparent md:rounded-2xl"></div> {event.has_snapshot && (
<div className="pointer-events-none absolute inset-x-0 bottom-0 z-10 h-[10%] w-full rounded-lg bg-gradient-to-t from-black/20 to-transparent md:rounded-2xl"></div> <>
<div className="pointer-events-none absolute inset-x-0 top-0 h-[30%] w-full rounded-lg bg-gradient-to-b from-black/20 to-transparent md:rounded-2xl"></div>
<div className="pointer-events-none absolute inset-x-0 bottom-0 z-10 h-[10%] w-full rounded-lg bg-gradient-to-t from-black/20 to-transparent md:rounded-2xl"></div>
</>
)}
<img <img
ref={imgRef} ref={imgRef}
className={cn( className={cn(
"aspect-video select-none rounded-lg object-contain transition-opacity", "select-none rounded-lg object-contain transition-opacity",
event.has_snapshot &&
event.plus_id == undefined &&
config?.plus.enabled &&
"cursor-pointer",
)} )}
style={ style={
isIOS isIOS
@ -251,7 +251,13 @@ function EventItem({
/> />
{hovered && ( {hovered && (
<div> <div>
<div className="absolute right-1 top-1 flex items-center gap-2"> <div
className={cn(
"absolute",
event.has_snapshot ? "right-1" : "left-1",
"top-1 flex items-center gap-2",
)}
>
<Tooltip> <Tooltip>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<a <a