4
0
forked from crowetic/commerce
commerce/pages/forgot-password.tsx

34 lines
1.2 KiB
TypeScript
Raw Normal View History

2020-10-24 16:53:25 -03:00
import { Layout } from '@components/core'
2020-10-24 17:10:54 -03:00
import { Logo, Modal, Button } from '@components/ui'
2020-10-24 16:53:25 -03:00
export default function ForgotPassword() {
return (
2020-10-24 17:10:54 -03:00
<div className="pb-20">
2020-10-25 19:03:47 -05:00
<Modal onClose={() => {}}>
2020-10-24 17:10:54 -03:00
<div className="h-80 w-80 flex flex-col justify-between py-3 px-3">
<div className="flex justify-center pb-12 ">
<Logo width="64px" height="64px" />
</div>
<div className="flex flex-col space-y-3">
<div className="border border-accents-3 text-accents-6">
<input
placeholder="Email"
className="focus:outline-none bg-primary focus:shadow-outline-gray border-none py-2 px-6 w-full appearance-none transition duration-150 ease-in-out placeholder-accents-5 pr-10"
/>
</div>
<Button variant="slim">Recover Password</Button>
<span className="pt-3 text-center text-sm">
<span className="text-accents-7">Don't have an account?</span>
{` `}
<a className="text-accent-9 font-bold hover:underline cursor-pointer">
Sign Up
</a>
</span>
</div>
</div>
</Modal>
</div>
2020-10-24 16:53:25 -03:00
)
}
ForgotPassword.Layout = Layout