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

add small gradient below timeago on event thumbnails

Browse Source
This commit is contained in:
Josh Hawkins 2024-02-09 11:42:22 -06:00
parent c1dfad74fd
commit 9f27da4f2c
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/components/image/EventThumbnail.tsx
View File

@ -20,8 +20,10 @@ export function EventThumbnail({ event, onFavorite }: EventThumbnailProps) {
onClick={(e: Event) => (onFavorite ? onFavorite(e, event) : null)}
fill={event.retain_indefinitely ? "currentColor" : "none"}
/>
<div className="absolute left-1 bottom-0 text-xs text-white">
<TimeAgo time={event.start_time * 1000} dense />
<div className="absolute bottom-0 w-full h-6 bg-gradient-to-t from-slate-900/50 to-transparent">
<div className="absolute left-1 bottom-0 text-xs text-white w-full">
<TimeAgo time={event.start_time * 1000} dense />
</div>
</div>
</div>
);