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>

View File

@@ -21,5 +21,5 @@ const mangaId = route.params.mangaId as string;
const { data: target } = await useApi('/v2/Manga/{MangaId}', { path: { MangaId: targetId }, key: FetchKeys.Manga.Id(targetId) });
const { data: manga } = await useApi('/v2/Manga/{MangaId}', { path: { MangaId: mangaId }, key: FetchKeys.Manga.Id(mangaId) });
useHead({title: `Merge ${manga.value?.name} with ${target.value?.name}`});
useHead({ title: `Merge ${manga.value?.name} with ${target.value?.name}` });
</script>

View File

@@ -19,5 +19,5 @@ const mangaId = route.params.mangaId as string;
const { data: manga } = await useApi('/v2/Manga/{MangaId}', { path: { MangaId: mangaId }, key: FetchKeys.Manga.Id(mangaId) });
const { data: mangas } = await useApi('/v2/Manga', { key: FetchKeys.Manga.All });
useHead({title: `Merge Manga ${manga.value?.name}`});
useHead({ title: `Merge Manga ${manga.value?.name}` });
</script>