use correct components

This commit is contained in:
2023-03-05 16:58:46 +10:00
parent dca56831af
commit e032fb666f
4 changed files with 24 additions and 24 deletions

View File

@@ -4,16 +4,16 @@
<SMDialog class="mt-5" narrow> <SMDialog class="mt-5" narrow>
<template v-if="!formDone"> <template v-if="!formDone">
<h1>Email Verify</h1> <h1>Email Verify</h1>
<p>
Enter your verification code below. If you have not yet
received one,
<router-link to="/resend-verify-email"
>request a new code</router-link
>.
</p>
<SMForm v-model="form" @submit="handleSubmit"> <SMForm v-model="form" @submit="handleSubmit">
<SMInput control="code" /> <SMInput control="code" />
<SMFormFooter> <SMFormFooter>
<template #left>
<div class="small">
<router-link to="/resend-verify-email"
>Resend Code</router-link
>
</div>
</template>
<template #right> <template #right>
<SMButton <SMButton
type="submit" type="submit"
@@ -28,11 +28,11 @@
<p class="text-center"> <p class="text-center">
Hurrah, Your email has been verified! Hurrah, Your email has been verified!
</p> </p>
<SMRow class="pb-2"> <SMFormFooter>
<SMColumn class="justify-content-center"> <template #right>
<SMButton :to="{ name: 'login' }" label="Login" /> <SMButton :to="{ name: 'login' }" label="Login" />
</SMColumn> </template>
</SMRow> </SMFormFooter>
</template> </template>
</SMDialog> </SMDialog>
</SMRow> </SMRow>

View File

@@ -58,11 +58,11 @@
An email has been sent to you to confirm your details An email has been sent to you to confirm your details
and to finish registering your account. and to finish registering your account.
</p> </p>
<SMRow class="pb-2"> <SMFormFooter>
<SMColumn class="justify-content-center"> <template #right>
<SMButton :to="{ name: 'home' }" label="Home" /> <SMButton :to="{ name: 'home' }" label="Home" />
</SMColumn> </template>
</SMRow> </SMFormFooter>
</template> </template>
</SMDialog> </SMDialog>
</template> </template>

View File

@@ -1,7 +1,7 @@
<template> <template>
<SMPage no-breadcrumbs background="/img/background.jpg"> <SMPage no-breadcrumbs background="/img/background.jpg">
<SMRow> <SMRow>
<SMDialog narrow> <SMDialog class="mt-5" narrow>
<template v-if="!formDone"> <template v-if="!formDone">
<h1>Resend Verify Email</h1> <h1>Resend Verify Email</h1>
<SMForm v-model="form" @submit="handleSubmit"> <SMForm v-model="form" @submit="handleSubmit">
@@ -31,11 +31,11 @@
to verify your email, you will receive an email with a to verify your email, you will receive an email with a
new verify code. new verify code.
</p> </p>
<SMRow class="pb-2"> <SMFormFooter>
<SMColumn class="justify-content-center"> <template #right>
<SMButton :to="{ name: 'home' }" label="Home" /> <SMButton :to="{ name: 'home' }" label="Home" />
</SMColumn> </template>
</SMRow> </SMFormFooter>
</template> </template>
</SMDialog> </SMDialog>
</SMRow> </SMRow>

View File

@@ -30,11 +30,11 @@
<p class="text-center"> <p class="text-center">
Hurrah, Your password has been changed! Hurrah, Your password has been changed!
</p> </p>
<SMRow class="pb-2"> <SMFormFooter>
<SMColumn class="justify-content-center"> <template #right>
<SMButton :to="{ name: 'login' }" label="Login" /> <SMButton :to="{ name: 'login' }" label="Login" />
</SMColumn> </template>
</SMRow> </SMFormFooter>
</template> </template>
</SMDialog> </SMDialog>
</SMRow> </SMRow>