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

Theming

Browse Source
This commit is contained in:
glax
2025-10-12 01:01:23 +02:00
parent 517e022e4a
commit d933a1b437
10 changed files with 46 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
website/app/components/MangaDetailPage.vue
View File

@@ -13,9 +13,9 @@
<UBadge v-for="author in manga.authors" :key="author.key" variant="outline" color="neutral">{{
author.name
}}</UBadge>
<UBadge v-for="tag in manga.tags" :key="tag" variant="outline">{{ tag }}</UBadge>
<UBadge v-for="tag in manga.tags" :key="tag" variant="outline" color="primary">{{ tag }}</UBadge>
<NuxtLink v-for="link in manga.links" :key="link.key" :to="link.url" external no-prefetch>
<UBadge variant="outline" color="warning">{{ link.provider }}</UBadge>
<UBadge variant="outline" color="secondary">{{ link.provider }}</UBadge>
</NuxtLink>
</div>
<USkeleton v-else class="w-full h-lh" />
@@ -25,14 +25,14 @@
<USkeleton v-else class="w-full h-30" />
</div>
</template>
<UPageBody class="relative pr-4">
<UPageBody class="relative pr-12">
<div class="w-full flex flex-row justify-between">
<div>
<UButton variant="soft" :to="backPath ?? '/'" icon="i-lucide-arrow-left">Back</UButton>
<p v-if="title" class="text-3xl">{{ title }}</p>
</div>
<div v-if="manga" class="flex flex-row gap-2">
<UButton trailing-icon="i-lucide-merge" :to="`${manga.key}/merge/`">Merge</UButton>
<UButton trailing-icon="i-lucide-merge" :to="`${manga.key}/merge/`" color="secondary" >Merge</UButton>
<slot name="actions" />
</div>
</div>