glax/tranga-website
1
0
Fork 0
mirror of https://github.com/C9Glax/tranga-website.git synced 2025-10-15 09:50:48 +02:00
Code Issues Packages Projects Releases Wiki Activity

responsive layout

Browse Source
This commit is contained in:
glax
2025-10-15 01:29:13 +02:00
parent 852587bd70
commit f1f54f72e3
8 changed files with 35 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
website/app/components/MangaCardList.vue
View File

@@ -1,11 +1,12 @@
<template>
<div class="grid grid-cols-[repeat(auto-fill,_minmax(240px,_1fr))] gap-4">
<div
class="grid min-sm:grid-cols-[repeat(auto-fill,_minmax(var(--mangacover-width),_1fr))] max-sm:grid-cols-[repeat(auto-fill,_minmax(var(--mangacover-width-sm),_1fr))] gap-4">
<MangaCard
v-for="(m, i) in manga"
:key="m.key"
:manga="m"
:expanded="i === expanded"
class="cursor-pointer basis-(--mangacover-width)"
class="cursor-pointer"
@click="$emit('click', m)" />
</div>
</template>