From b997b87f51813d6c00389e8d33fe50aad48104b6 Mon Sep 17 00:00:00 2001
From: "ext.jeremy.guillot@maxicoffee.domains" <j.guillot_ext@maxicoffee.com>
Date: Sat, 14 Mar 2026 01:01:58 +0100
Subject: [PATCH] =?UTF-8?q?style(manga-grid):=20afficher=20l'ann=C3=A9e=20?=
 =?UTF-8?q?de=20parution=20sous=20le=20titre,=20gap-3=20entre=20les=20card?=
 =?UTF-8?q?s?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../vue/app/domain/manga/presentation/components/MangaCard.vue | 3 ++-
 .../vue/app/domain/manga/presentation/components/MangaGrid.vue | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/assets/vue/app/domain/manga/presentation/components/MangaCard.vue b/assets/vue/app/domain/manga/presentation/components/MangaCard.vue
index d358fe9..8ef99f5 100644
--- a/assets/vue/app/domain/manga/presentation/components/MangaCard.vue
+++ b/assets/vue/app/domain/manga/presentation/components/MangaCard.vue
@@ -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>
diff --git a/assets/vue/app/domain/manga/presentation/components/MangaGrid.vue b/assets/vue/app/domain/manga/presentation/components/MangaGrid.vue
index 0ce9776..089299f 100644
--- a/assets/vue/app/domain/manga/presentation/components/MangaGrid.vue
+++ b/assets/vue/app/domain/manga/presentation/components/MangaGrid.vue
@@ -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"