Mirrors/blakeblackshear.frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2025-08-27 13:47:50 +02:00
Code Issues Projects Releases Wiki Activity

Fade (#10010)

Browse Source
This commit is contained in:
Nicolas Mowen 2024-02-23 17:38:57 -07:00 committed by GitHub
parent 3621f93d40
commit 318cdeb005
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
web/src/components/player/PreviewThumbnailPlayer.tsx
View File

@ -102,23 +102,23 @@ export default function PreviewThumbnailPlayer({
onMouseLeave={isMobile ? undefined : () => onPlayback(false)} onMouseLeave={isMobile ? undefined : () => onPlayback(false)}
onClick={onClick} onClick={onClick}
> >
{playingBack ? ( {playingBack && (
<div className="absolute left-0 top-0 right-0 bottom-0">
<PreviewContent <PreviewContent
review={review} review={review}
relevantPreview={relevantPreview} relevantPreview={relevantPreview}
setProgress={setProgress} setProgress={setProgress}
setReviewed={setReviewed} setReviewed={setReviewed}
/> />
) : ( </div>
<img
className="h-full w-full"
loading="lazy"
src={`${apiHost}${review.thumb_path.replace(
"/media/frigate/",
""
)}`}
/>
)} )}
<img
className={`w-full h-full transition-opacity ${
playingBack ? "opacity-0" : "opacity-100"
}`}
loading="lazy"
src={`${apiHost}${review.thumb_path.replace("/media/frigate/", "")}`}
/>
{(review.severity == "alert" || review.severity == "detection") && ( {(review.severity == "alert" || review.severity == "detection") && (
<Chip className="absolute top-2 left-2 flex gap-1 bg-gradient-to-br from-gray-400 to-gray-500 bg-gray-500 z-0"> <Chip className="absolute top-2 left-2 flex gap-1 bg-gradient-to-br from-gray-400 to-gray-500 bg-gray-500 z-0">
{review.data.objects.map((object) => { {review.data.objects.map((object) => {