versia-pub/frontend
2
0
Fork 0
mirror of https://github.com/versia-pub/frontend.git synced 2025-12-06 08:28:20 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: 🐛 Make authorize flow client-only to prevent weird HTML output

Browse source
This commit is contained in:
Jesse Wierzbinski 2024-05-12 12:30:34 -10:00
parent d551d7ac65
commit c0ced8b4cb
No known key found for this signature in database
1 changed files with 77 additions and 74 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
pages/oauth/authorize.vue
View file

@ -2,6 +2,7 @@
<div class="flex min-h-screen relative flex-col justify-center py-12 px-8"> <div class="flex min-h-screen relative flex-col justify-center py-12 px-8">
<img crossorigin="anonymous" src="https://cdn.lysand.org/logo-long-dark.webp" alt="Lysand logo" <img crossorigin="anonymous" src="https://cdn.lysand.org/logo-long-dark.webp" alt="Lysand logo"
class="mx-auto h-24 hidden md:block mb-10" /> class="mx-auto h-24 hidden md:block mb-10" />
<ClientOnly>
<div v-if="validUrlParameters" <div v-if="validUrlParameters"
class="sm:mx-auto w-full sm:max-w-md px-10 py-10 rounded md:ring-1 md:ring-white/10"> class="sm:mx-auto w-full sm:max-w-md px-10 py-10 rounded md:ring-1 md:ring-white/10">
<div v-if="error" class="ring-1 ring-white/10 rounded p-4 bg-red-500 text-white mb-10"> <div v-if="error" class="ring-1 ring-white/10 rounded p-4 bg-red-500 text-white mb-10">
@ -16,7 +17,8 @@
<VeeField name="identifier" as="div" v-slot="{ errors, field }" validate-on-change> <VeeField name="identifier" as="div" v-slot="{ errors, field }" validate-on-change>
<LoginInput label="Username or Email" placeholder="joemama" autocomplete="email" required <LoginInput label="Username or Email" placeholder="joemama" autocomplete="email" required
:is-invalid="errors.length > 0" v-bind="field" /> :is-invalid="errors.length > 0" v-bind="field" />
<VeeErrorMessage name="identifier" as="p" class="mt-2 text-sm text-red-600" v-slot="{ message }"> <VeeErrorMessage name="identifier" as="p" class="mt-2 text-sm text-red-600"
v-slot="{ message }">
{{ message }} {{ message }}
</VeeErrorMessage> </VeeErrorMessage>
</VeeField> </VeeField>
@ -80,6 +82,7 @@
target="_blank" class="underline text-pink-700">the issue tracker</a>. target="_blank" class="underline text-pink-700">the issue tracker</a>.
</p> </p>
</div> </div>
</ClientOnly>
</div> </div>
</template> </template>