diff --git a/app/components/ui/internal/MediaImageCard.vue b/app/components/ui/internal/MediaImageCard.vue index 2803354..2d4365a 100644 --- a/app/components/ui/internal/MediaImageCard.vue +++ b/app/components/ui/internal/MediaImageCard.vue @@ -27,14 +27,14 @@ interface Props { description?: string; tooltipEnabled?: boolean; - tooltipMetadata?: { + tooltipMetadata: { studio: string; type: string; episodes: number; rating: number; tags?: string[]; - }; + }, tooltipCollisionBoundary?: Element; dynamicColor?: boolean; diff --git a/app/pages/index.vue b/app/pages/index.vue index 8b67447..70d8237 100644 --- a/app/pages/index.vue +++ b/app/pages/index.vue @@ -1,6 +1,6 @@ @@ -214,7 +180,7 @@ const trendingAnime = [ class="grid grid-cols-3 md:grid-cols-4 lg:grid-cols-5 2xl:grid-cols-6 gap-4 gap-y-12 justify-items-center w-full"> + :tooltipMetadata="anime" :tooltipCollisionBoundary="tooltipCollisionBoundary" />