style(manga-grid): afficher l'année de parution sous le titre, gap-3 entre les cards

This commit is contained in:
ext.jeremy.guillot@maxicoffee.domains
2026-03-14 01:01:58 +01:00
parent 7fb73d3a69
commit b997b87f51
2 changed files with 3 additions and 2 deletions

View File

@@ -35,11 +35,12 @@
</div>
</div>
<!-- Titre -->
<!-- Titre + année -->
<RouterLink
:to="{ name: 'manga-details', params: { id: manga.id } }"
class="block p-2">
<h3 class="text-xs font-medium text-gray-800 dark:text-gray-100 truncate">{{ manga.title }}</h3>
<span v-if="manga.publicationYear" class="text-xs text-gray-500 dark:text-gray-400">{{ manga.publicationYear }}</span>
</RouterLink>
</div>
</template>

View File

@@ -1,5 +1,5 @@
<template>
<div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-7 xl:grid-cols-8 gap-2 p-4">
<div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-7 xl:grid-cols-8 gap-3 p-4">
<MangaCard
v-for="manga in mangas"
:key="manga.id"