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

Styling (fix margins)

Browse Source 
Remove expanding MangaCards
Center MangaCardList
Fix LibrarySelect
This commit is contained in:
glax
2025-10-14 23:36:39 +02:00
parent 39a1cb3857
commit 3f5c009d2e
11 changed files with 42 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,10 +1,12 @@
<template>
<div class="flex flex-row flex-wrap gap-2">
<MangaCard v-for="(m, i) in manga" :key="m.key" :manga="m" :expanded="i === expanded" @click="expanded = expanded === i ? -1 : i">
<template #actions="forManga">
<UButton :to="`/manga/${forManga.key}`">Details</UButton>
</template>
</MangaCard>
<div class="flex flex-row flex-wrap gap-2 justify-evenly">
<MangaCard
v-for="(m, i) in manga"
:key="m.key"
:manga="m"
:expanded="i === expanded"
class="cursor-pointer"
@click="$emit('click', m)" />
</div>
</template>
@@ -14,5 +16,7 @@ type Manga = components['schemas']['Manga'];
type MinimalManga = components['schemas']['MinimalManga'];
const expanded = ref(-1);
defineEmits<{ (e: 'click', manga: MinimalManga | Manga): void }>();
defineProps<{ manga?: (MinimalManga | Manga)[] }>();
</script>