Show tooltip when hovering title

2026-01-16 23:17:02 +05:00
parent 295c68c52a
commit da573b6b33
1 changed files with 7 additions and 5 deletions
--- a/app/components/ui/internal/MediaImageCard.vue
+++ b/app/components/ui/internal/MediaImageCard.vue
@ -51,11 +51,13 @@ const props = defineProps<Props>();
            <TooltipProvider>
                <Tooltip>
                    <TooltipTrigger as-child>
+                        <div>
                            <NuxtImg class="rounded-lg" ref="imageElement" :src="props.image_url" sizes="128px md:256px"
                                quality="100" />
                            <p class="text-lg line-clamp-2 font-semibold">
                                {{ props.title }}
                            </p>
+                        </div>
                    </TooltipTrigger>
                    <TooltipContent :sideOffset="16" :collisionBoundary="props.tooltipCollisionBoundary"
                        :avoidCollisions="true" side="right" class="bg-muted text-muted-foreground"