fix: 🐛 Fix registration button missing on mobile, improve spacing

This commit is contained in:
Jesse Wierzbinski 2024-06-15 14:04:17 -10:00
parent b44fcf7249
commit ba60a38d2d
No known key found for this signature in database
4 changed files with 19 additions and 5 deletions

View file

@ -1,5 +1,5 @@
<template>
<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 sm:px-8">
<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" />
<div v-if="validUrlParameters"

View file

@ -2,7 +2,7 @@
<div class="flex min-h-screen flex-col justify-center px-6 py-12 gap-10 lg:px-8 relative">
<img crossorigin="anonymous" src="https://cdn.lysand.org/logo-long-dark.webp" alt="Lysand logo"
class="mx-auto h-24 hidden md:block" />
<div v-if="instance && instance.registrations" class="mx-auto w-full max-w-md">
<div v-if="true" class="mx-auto w-full max-w-md">
<div v-if="Object.keys(errors).length > 0"
class="ring-1 ring-white/10 rounded p-4 bg-red-500 text-white mb-10">
<h2 class="font-bold text-lg">Error</h2>
@ -69,7 +69,7 @@
</VeeField>
<ButtonsPrimary type="submit" class="w-full" :disabled="isLoading">{{ isLoading ? "Registering..." :
"Register" }}</ButtonsPrimary>
"Register" }}</ButtonsPrimary>
</VeeForm>
</div>
<div v-else>