glax/tranga-website
1
0
Fork 0
mirror of https://github.com/C9Glax/tranga-website.git synced 2025-10-11 13:19:49 +02:00
Code Issues Packages Projects Releases Wiki Activity

prettier

Browse Source
This commit is contained in:
glax
2025-09-27 22:48:22 +02:00
parent 01021ef28b
commit 3fc3a573a6
8 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
website/app/app.vue
View File

@@ -11,7 +11,7 @@
<template #default>
<NuxtLink to="/">
<div class="h-full flex gap-2 items-center">
<img src="/blahaj.png" class="h-lh cursor-grab" />
<img src="/blahaj.png" class="h-lh cursor-grab" >
<p
style="
background: linear-gradient(110deg, var(--color-pink), var(--color-blue));

2
website/app/components/AddLibraryModal.vue
View File

@@ -8,7 +8,7 @@
<UFormField label="Directory Path" required>
<UInput v-model="path" placeholder="Path for the library" class="w-full" :disabled="busy" />
</UFormField>
<UButton icon="i-lucide-plus" @click="onAddClick" :loading="busy">Add</UButton>
<UButton icon="i-lucide-plus" :loading="busy" @click="onAddClick">Add</UButton>
</div>
</template>
</UModal>

2
website/app/components/FileLibraries.vue
View File

@@ -7,7 +7,7 @@
:title="l.libraryName"
:description="l.basePath"
orientation="horizontal">
<UButton color="warning" @click="deleteLibrary(l)" :loading="busy">Delete</UButton>
<UButton color="warning" :loading="busy" @click="deleteLibrary(l)">Delete</UButton>
</UPageCard>
</UPageList>
</template>

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

@@ -10,8 +10,8 @@
</p>
<USkeleton v-else class="text-xl h-20 w-full" />
<div v-if="manga" class="flex flex-row gap-1 flex-wrap">
<UBadge variant="outline" v-for="author in manga.authors" color="neutral">{{ author.name }}</UBadge>
<UBadge variant="outline" v-for="tag in manga.tags">{{ tag }}</UBadge>
<UBadge v-for="author in manga.authors" variant="outline" color="neutral">{{ author.name }}</UBadge>
<UBadge v-for="tag in manga.tags" variant="outline">{{ tag }}</UBadge>
<NuxtLink v-for="link in manga.links" :to="link.url">
<UBadge variant="outline" color="warning">{{ link.provider }}</UBadge>
</NuxtLink>

2
website/app/pages/download/[mangaId].vue
View File

@@ -1,5 +1,5 @@
<template>
<MangaDetailPage :manga="manga" back-path="/search"> </MangaDetailPage>
<MangaDetailPage :manga="manga" back-path="/search"/>
</template>
<script setup lang="ts">

2
website/app/pages/manga/[mangaId]/merge/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<UPageHeader class="text-3xl px-4">Merge <span v-if="manga">{{ manga.name }}</span><USkeleton v-else as="span" class="w-60 h-lh"></USkeleton> into</UPageHeader>
<UPageHeader class="text-3xl px-4">Merge <span v-if="manga">{{ manga.name }}</span><USkeleton v-else as="span" class="w-60 h-lh"/> into</UPageHeader>
<UPageBody class="p-4 flex flex-row flex-wrap gap-6 mt-0">
<NuxtLink v-for="m in mangas" :to="`${m.key}`">
<MangaCard :manga="m" />

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

@@ -9,15 +9,15 @@
<div class="flex gap-1 w-full justify-center">
<UButton
v-for="c in connectors"
@click="connectorClick(c)"
:color="connector?.key == c.key ? 'success' : 'neutral'"
:disabled="busy">
:disabled="busy"
@click="connectorClick(c)">
<template #leading>
<NuxtImg :src="c.iconUrl" class="h-lh" />
</template>
{{ c.name }}
</UButton>
<UButton color="secondary" :disabled="busy" @click="performSearch" :loading="busy"
<UButton color="secondary" :disabled="busy" :loading="busy" @click="performSearch"
>Search</UButton
>
</div>

10
website/app/pages/settings.vue
View File

@@ -1,12 +1,12 @@
<template>
<UPageSection title="Settings"> </UPageSection>
<UPageSection title="Settings"/>
<UPageSection title="Libraries" orientation="horizontal">
<FileLibraries />
<UButton icon="i-lucide-plus" @click="() => addLibraryModal.open()" class="w-fit">Add</UButton>
<UButton icon="i-lucide-plus" class="w-fit" @click="() => addLibraryModal.open()">Add</UButton>
</UPageSection>
<UPageSection title="Maintenance" orientation="horizontal">
<div class="flex flex-col gap-1 items-end basis-1">
<UButton icon="i-lucide-database" :loading="cleanUpDatabaseBusy" @click="cleanUpDatabase" class="w-fit"
<UButton icon="i-lucide-database" :loading="cleanUpDatabaseBusy" class="w-fit" @click="cleanUpDatabase"
>Clean database</UButton
>
</div>
@@ -15,13 +15,13 @@
<script setup lang="ts">
import { LazyAddLibraryModal } from '#components';
import FileLibraries from '~/components/FileLibraries.vue';
const overlay = useOverlay();
const config = useRuntimeConfig();
const addLibraryModal = overlay.create(LazyAddLibraryModal);
import FileLibraries from '~/components/FileLibraries.vue';
const cleanUpDatabaseBusy = ref(false);
const cleanUpDatabase = () => {
cleanUpDatabaseBusy.value = true;