responsive mobile layout

This commit is contained in:
2025-10-13 20:46:09 +02:00
parent f641272c22
commit c292da4d60
12 changed files with 31 additions and 28 deletions

View File

@@ -1,6 +1,6 @@
<template>
<MangaDetailPage :manga="manga">
<div class="grid gap-3 grid-cols-[70%_30%]">
<div class="grid gap-3 max-sm:grid-flow-row-dense min-sm:grid-cols-[70%_30%]">
<ChaptersList v-if="manga" :manga-id="manga.key" />
<UCard>
<template #header>
@@ -57,5 +57,5 @@ const setRequestedFrom = async (MangaConnectorName: string, IsRequested: boolean
await refreshNuxtData(FetchKeys.Manga.Id(mangaId));
};
useHead({title: `Manga ${manga.value?.name}`});
useHead({ title: `Manga ${manga.value?.name}` });
</script>