anyame/anyame-frontend-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show tooltip when hovering title

Browse Source
This commit is contained in:
bivashy
2026-01-16 23:17:02 +05:00
parent 295c68c52a
commit da573b6b33
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/ui/internal/MediaImageCard.vue
View File

@ -51,11 +51,13 @@ const props = defineProps<Props>();
<TooltipProvider> <TooltipProvider>
<Tooltip> <Tooltip>
<TooltipTrigger as-child> <TooltipTrigger as-child>
<div>
<NuxtImg class="rounded-lg" ref="imageElement" :src="props.image_url" sizes="128px md:256px" <NuxtImg class="rounded-lg" ref="imageElement" :src="props.image_url" sizes="128px md:256px"
quality="100" /> quality="100" />
<p class="text-lg line-clamp-2 font-semibold"> <p class="text-lg line-clamp-2 font-semibold">
{{ props.title }} {{ props.title }}
</p> </p>
</div>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent :sideOffset="16" :collisionBoundary="props.tooltipCollisionBoundary" <TooltipContent :sideOffset="16" :collisionBoundary="props.tooltipCollisionBoundary"
:avoidCollisions="true" side="right" class="bg-muted text-muted-foreground" :avoidCollisions="true" side="right" class="bg-muted text-muted-foreground"