43 lines
1.3 KiB
Vue
43 lines
1.3 KiB
Vue
<script setup>
|
|
definePageMeta({
|
|
title: "Forgot Password",
|
|
layout: "empty",
|
|
middleware: ["dashboard"],
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="flex-none md:flex justify-center text-center items-center h-screen"
|
|
>
|
|
<div class="w-full md:w-3/4 lg:w-1/2 xl:w-2/6 relative">
|
|
<rs-card class="h-screen md:h-auto px-10 md:px-16 py-12 md:py-20 mb-0">
|
|
<div
|
|
class="absolute -bottom-3 left-3 img-container flex justify-start items-center mb-5"
|
|
>
|
|
<img
|
|
src="@/assets/img/logo/logo-word-black.svg"
|
|
class="max-w-[90px]"
|
|
/>
|
|
</div>
|
|
<h3 class="mb-4">Forgot Password</h3>
|
|
<p class="text-slate-500 mb-6">
|
|
Please input the correct email to reset the password.
|
|
</p>
|
|
<div class="grid grid-cols-1">
|
|
<FormKit label="Email" type="email" outer-class="text-left" />
|
|
<NuxtLink to="/reset-password">
|
|
<FormKit type="button" input-class="w-full">Validate Email</FormKit>
|
|
</NuxtLink>
|
|
</div>
|
|
<p class="mt-3 text-center text-slate-500">
|
|
Already have an account?
|
|
<NuxtLink to="/login" class="text-primary hover:underline"
|
|
>Login</NuxtLink
|
|
>
|
|
</p>
|
|
</rs-card>
|
|
</div>
|
|
</div>
|
|
</template>
|