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 (
(config.cameras[event.camera]?.detect?.annotation_offset || 0) / 1000
);
return config.cameras[event.camera]?.detect?.annotation_offset || 0;
}, [config, event]);
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}
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>
<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>
{event.has_snapshot && (
<>
<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
ref={imgRef}
className={cn(
"aspect-video select-none rounded-lg object-contain transition-opacity",
event.has_snapshot &&
event.plus_id == undefined &&
config?.plus.enabled &&
"cursor-pointer",
"select-none rounded-lg object-contain transition-opacity",
)}
style={
isIOS
@ -251,7 +251,13 @@ function EventItem({
/>
{hovered && (
<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>
<TooltipTrigger asChild>
<a