diff options
Diffstat (limited to 'components/Trending.vue')
| -rw-r--r-- | components/Trending.vue | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/components/Trending.vue b/components/Trending.vue index d16beae..efeb050 100644 --- a/components/Trending.vue +++ b/components/Trending.vue @@ -1,13 +1,13 @@ <template> <section class="space-y-4"> <section class="flex flex-col"> - <h2 class="text-secondary text-xl font-semibold">Trending Now</h2> + <h1 class="text-secondary text-xl font-semibold">Trending Now</h1> <p class="text-primary text-sm">Currently Trending 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> |