colgora/Mangarr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

3
assets/vue/app/domain/manga/presentation/components/MangaCard.vue
View File

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

2
assets/vue/app/domain/manga/presentation/components/MangaGrid.vue
View File

@@ -1,5 +1,5 @@
<template> <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 <MangaCard
v-for="manga in mangas" v-for="manga in mangas"
:key="manga.id" :key="manga.id"