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

Add tooltip

Browse Source
This commit is contained in:
Nicolas Mowen 2024-08-09 07:16:30 -06:00
parent 116452d937
commit e3ff2ae6e6
1 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/components/card/AnimatedEventCard.tsx
View File

@ -111,6 +111,8 @@ export function AnimatedEventCard({
onMouseLeave={isDesktop ? () => setIsHovered(false) : undefined} onMouseLeave={isDesktop ? () => setIsHovered(false) : undefined}
> >
{isHovered && ( {isHovered && (
<Tooltip>
<TooltipTrigger asChild>
<Button <Button
className="absolute right-2 top-1 z-40 bg-gray-500 bg-gradient-to-br from-gray-400 to-gray-500" className="absolute right-2 top-1 z-40 bg-gray-500 bg-gradient-to-br from-gray-400 to-gray-500"
size="xs" size="xs"
@ -121,6 +123,9 @@ export function AnimatedEventCard({
> >
<FaCircleCheck className="size-3 text-white" /> <FaCircleCheck className="size-3 text-white" />
</Button> </Button>
</TooltipTrigger>
<TooltipContent>Mark as Reviewed</TooltipContent>
</Tooltip>
)} )}
<div <div
className="size-full cursor-pointer overflow-hidden rounded md:rounded-lg" className="size-full cursor-pointer overflow-hidden rounded md:rounded-lg"