aboutsummaryrefslogtreecommitdiff
path: root/components/Popular.vue
diff options
context:
space:
mode:
authorKenimarru <[email protected]>2024-01-06 16:53:07 +0100
committerKenimarru <[email protected]>2024-01-06 16:53:07 +0100
commitea1f2e1adea9d2ca3405db90ec03de81a1b6e7f4 (patch)
tree4c005f3af2addab3c546391a3b2b4bfb2026f0f5 /components/Popular.vue
parentv0.2.2 (diff)
downloadhiruku-ea1f2e1adea9d2ca3405db90ec03de81a1b6e7f4.tar.xz
hiruku-ea1f2e1adea9d2ca3405db90ec03de81a1b6e7f4.zip
v0.2.3
Diffstat (limited to 'components/Popular.vue')
-rw-r--r--components/Popular.vue3
1 files changed, 2 insertions, 1 deletions
diff --git a/components/Popular.vue b/components/Popular.vue
index 91a38f9..4b2dbcf 100644
--- a/components/Popular.vue
+++ b/components/Popular.vue
@@ -6,7 +6,8 @@
</section>
<section class="grid grid-cols-2 md:grid-cols-8 gap-2">
<NuxtLink :to="`/i/${item.id}`" class="w-full space-y-1" v-for="item in popular">
- <NuxtImg :src="item.cover" class="w-full h-44 md:h-56 object-cover rounded-sm" />
+ <NuxtImg :src="item.cover" :alt="item.title" :title="item.title"
+ class="w-full h-44 md:h-56 object-cover rounded-sm hover:scale-95" />
<h6 class="text-primary text-sm truncate">{{ item.title }}</h6>
<div class="flex items-center gap-1">
<p class="text-primary bg-secondary text-sm rounded-sm px-1.5">{{ item.type }}</p>