aboutsummaryrefslogtreecommitdiff
path: root/components/Trending.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/Trending.vue
parentv0.1.0 (diff)
downloadhiruku-e9b252fcfd7b1ca475c6f55dd4f33fdab6e90bfe.tar.xz
hiruku-e9b252fcfd7b1ca475c6f55dd4f33fdab6e90bfe.zip
v0.2.0
Diffstat (limited to 'components/Trending.vue')
-rw-r--r--components/Trending.vue4
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>