aboutsummaryrefslogtreecommitdiff
path: root/components/Popular.vue
diff options
context:
space:
mode:
authorKenimarru <[email protected]>2024-01-06 14:17:55 +0100
committerKenimarru <[email protected]>2024-01-06 14:17:55 +0100
commite9b252fcfd7b1ca475c6f55dd4f33fdab6e90bfe (patch)
treee400be6f1cdda77c03df1b1fa9189968bb3e0359 /components/Popular.vue
parentv0.1.0 (diff)
downloadhiruku-e9b252fcfd7b1ca475c6f55dd4f33fdab6e90bfe.tar.xz
hiruku-e9b252fcfd7b1ca475c6f55dd4f33fdab6e90bfe.zip
v0.2.0
Diffstat (limited to 'components/Popular.vue')
-rw-r--r--components/Popular.vue4
1 files changed, 2 insertions, 2 deletions
diff --git a/components/Popular.vue b/components/Popular.vue
index 8e1a707..215fbfb 100644
--- a/components/Popular.vue
+++ b/components/Popular.vue
@@ -1,13 +1,13 @@
<template>
<section class="space-y-4">
<section class="flex flex-col">
- <h2 class="text-secondary text-xl font-semibold">All Time Popular</h2>
+ <h1 class="text-secondary text-xl font-semibold">All Time Popular</h1>
<p class="text-primary text-sm">Most Popular Anime</p>
</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 data.results">
<NuxtImg :src="item.coverImage.large" class="w-full h-44 md:h-56 object-cover rounded-sm" />
- <h2 class="text-primary text-sm truncate">{{ item.title.romaji }}</h2>
+ <h6 class="text-primary text-sm truncate">{{ item.title.romaji }}</h6>
<div class="flex items-center gap-1">
<p class="text-primary bg-secondary text-sm rounded-sm px-1.5">{{ item.format }}</p>
<p class="text-secondary bg-primary text-sm rounded-sm px-1.5">{{ item.seasonYear }}</p>