From da573b6b335671e9158fa6b4ce169ece0f2471dd Mon Sep 17 00:00:00 2001
From: bivashy <me@bivashy.dev>
Date: Fri, 16 Jan 2026 23:17:02 +0500
Subject: [PATCH] Show tooltip when hovering title

---
 app/components/ui/internal/MediaImageCard.vue | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/app/components/ui/internal/MediaImageCard.vue b/app/components/ui/internal/MediaImageCard.vue
index 5da3bbf..2c9d6d5 100644
--- 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>
-                        <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>
+                            <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"