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

Add "TrangaPage" composable

Browse Source
This commit is contained in:
glax
2025-10-14 21:08:30 +02:00
parent a622c7c45a
commit 39a1cb3857
13 changed files with 109 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
website/app/pages/search.vue
View File

@@ -1,7 +1,6 @@
<template>
<UPageBody>
<TrangaPage>
<UPageSection :ui="{ container: 'gap-1 sm:gap-1 lg:gap-1 py-4 sm:py-1 lg:py-1 gap-1 sm:gap-1 lg:gap-1' }" class="h-fit">
<UButton variant="soft" to="/" icon="i-lucide-arrow-left" class="w-min">Back</UButton>
<div class="flex max-sm:flex-col flex-row w-full h-full justify-between gap-4">
<UStepper v-model="activeStep" orientation="vertical" :items="items" class="h-full" disabled color="secondary" />
<UCard class="grow">
@@ -30,7 +29,7 @@
:ui="{ container: 'gap-1 sm:gap-1 lg:gap-1 py-1 sm:py-1 lg:py-1 gap-1 sm:gap-1 lg:gap-1' }">
<template #description>
<p class="text-lg">
Result for <span class="text-secondary">'{{ searchQuery }}'</span>
Result for <span class="text-secondary">{{ searchQuery }}</span>
</p>
</template>
<template #default>
@@ -42,13 +41,13 @@
:expanded="i === expanded"
@click="expanded = expanded === i ? -1 : i">
<template #actions="manga">
<UButton :to="`/manga/${manga.key}/download/${connector.name}`">Download</UButton>
<UButton :to="`/manga/${manga.key}?download=true`">Download</UButton>
</template>
</MangaCard>
</div>
</template>
</UPageSection>
</UPageBody>
</TrangaPage>
</template>
<script setup lang="ts">