versia-pub/frontend
2
0
Fork 0
mirror of https://github.com/versia-pub/frontend.git synced 2026-03-13 11:39:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: ⬆️ Upgrade to the latest Shadcn-Vue version
Some checks failed
CodeQL / Analyze (javascript) (push) Failing after 2m30s
Details
Deploy to GitHub Pages / build (push) Failing after 6s
Details
Deploy to GitHub Pages / deploy (push) Has been skipped
Details
Docker / build (push) Failing after 5s
Details
Mirror to Codeberg / Mirror (push) Failing after 0s
Details

Browse source
This commit is contained in:
Jesse Wierzbinski 2025-03-28 01:16:24 +01:00
parent 7649ecfb80
commit 092bce0f24
No known key found for this signature in database
169 changed files with 1860 additions and 1088 deletions
Download patch file Download diff file Expand all files Collapse all files

60
pages/oauth/authorize.vue
View file

@ -27,19 +27,36 @@ const hasValidUrlSearchParams =
</script>
<template>
<div class="container relative flex h-svh flex-col items-center justify-center md:flex-row lg:max-w-none lg:px-0">
<Button :as="NuxtLink" href="/register" variant="link" class="absolute right-4 top-4 md:right-8 md:top-8">
<div
class="container relative flex h-svh flex-col items-center justify-center md:flex-row lg:max-w-none lg:px-0"
>
<Button
:as="NuxtLink"
href="/register"
variant="link"
class="absolute right-4 top-4 md:right-8 md:top-8"
>
{{ m.noble_cute_ocelot_aim() }}
</Button>
<div class="relative hidden h-full flex-col bg-muted p-10 text-white dark:border-r lg:flex grow bg-center bg-no-repeat bg-cover"
<div
class="relative hidden h-full flex-col bg-muted p-10 text-white dark:border-r lg:flex grow bg-center bg-no-repeat bg-cover"
:style="{
backgroundImage: 'url(/images/banner.webp)'
}">
<div class="absolute top-0 left-0 w-full h-72 bg-gradient-to-t from-transparent to-black/70" />
backgroundImage: 'url(/images/banner.webp)',
}"
>
<div
class="absolute top-0 left-0 w-full h-72 bg-gradient-to-t from-transparent to-black/70"
/>
<div class="relative z-20 flex items-center text-lg font-medium">
<img crossorigin="anonymous"
:src="instance?.thumbnail.url || 'https://cdn.versia.pub/branding/icon.svg'" alt="Versia logo"
class="size-10 mr-4" />
<img
crossorigin="anonymous"
:src="
instance?.thumbnail?.url ||
'https://cdn.versia.pub/branding/icon.svg'
"
alt="Versia logo"
class="size-10 mr-4"
/>
{{ instance?.title }}
</div>
<!-- <div class="relative z-20 mt-auto">
@ -56,7 +73,9 @@ const hasValidUrlSearchParams =
</div> -->
</div>
<div class="lg:p-8 w-full max-w-xl">
<div class="mx-auto flex w-full flex-col justify-center space-y-10 sm:w-[350px]">
<div
class="mx-auto flex w-full flex-col justify-center space-y-10 sm:w-[350px]"
>
<Alert v-if="error" variant="destructive" class="mb-4">
<AlertCircle class="size-4" />
<AlertTitle>{{ error }}</AlertTitle>
@ -68,20 +87,29 @@ const hasValidUrlSearchParams =
<h1 class="text-2xl font-semibold tracking-tight">
{{ m.novel_fine_stork_snap() }}
</h1>
<p class="text-sm text-muted-foreground" v-html="m.smug_main_whale_snip({
host: baseUrl.host,
})">
</p>
<p
class="text-sm text-muted-foreground"
v-html="
m.smug_main_whale_snip({
host: baseUrl.host,
})
"
></p>
</div>
<template v-if="instance && hasValidUrlSearchParams">
<UserAuthForm :instance="instance" />
</template>
<div v-else-if="hasValidUrlSearchParams" class="p-4 flex items-center justify-center h-48">
<div
v-else-if="hasValidUrlSearchParams"
class="p-4 flex items-center justify-center h-48"
>
<Loader class="size-8 animate-spin" />
</div>
<Alert v-else variant="destructive" class="mb-4">
<AlertCircle class="size-4" />
<AlertTitle>{{ m.grand_spry_goldfish_embrace() }}</AlertTitle>
<AlertTitle>{{
m.grand_spry_goldfish_embrace()
}}</AlertTitle>
<AlertDescription>
<p>{{ m.gray_clean_shark_comfort() }}</p>
<ul class="list-disc list-inside mt-2 font-mono">

2
pages/oauth/code.vue
View file

@ -5,7 +5,7 @@
backgroundImage: 'url(/images/banner.webp)',
}"
>
<Card class="w-full max-w-md">
<Card class="w-full max-w-md *:w-full p-6">
<CardHeader>
<CardTitle>{{ m.aware_awful_crow_spur() }}</CardTitle>
<CardDescription

6
pages/oauth/consent.vue
View file

@ -6,7 +6,7 @@
}"
>
<Card
class="w-full max-w-md"
class="w-full max-w-md *:w-full p-6"
as="form"
method="POST"
:action="url.pathname.replace('/oauth/consent', '/oauth/authorize')"
@ -26,8 +26,8 @@
}}</CardTitle>
</CardHeader>
<CardContent>
<Card>
<CardContent class="flex flex-col px-4 py-2">
<Card class="p-2 gap-1">
<CardContent class="flex flex-col px-4 py-2 w-full">
<CardTitle as="h2" class="text-lg">{{
application
}}</CardTitle>

14
pages/oauth/reset.vue
View file

@ -5,7 +5,7 @@
backgroundImage: 'url(/images/banner.webp)',
}"
>
<Card v-if="params.success" class="w-full max-w-md">
<Card v-if="params.success" class="w-full max-w-md *:w-full">
<CardHeader>
<CardTitle>{{ m.late_mean_capybara_fade() }}</CardTitle>
<CardDescription>
@ -57,13 +57,7 @@
</CardDescription>
</CardHeader>
<CardContent class="grid gap-6">
<FormField v-slot="{ componentField }" name="token">
<FormItem>
<FormControl>
<input type="hidden" v-bind="componentField" />
</FormControl>
</FormItem>
</FormField>
<input type="hidden" name="token" :value="params.token" />
<FormField v-slot="{ componentField }" name="password">
<FormItem>
<FormLabel>
@ -102,7 +96,7 @@
</FormItem>
</FormField>
</CardContent>
<CardFooter class="grid gap-2">
<CardFooter class="grid gap-2 mt-4">
<Button variant="default" type="submit">{{
m.noisy_round_skate_yell()
}}</Button>
@ -182,7 +176,7 @@ const formSchema = toTypedSchema(
});
}
return {};
})
}),
);
const params = useUrlSearchParams();