Completed the Login page and updated the overall colors and font

This commit is contained in:
Tiago Ribeiro
2023-06-12 15:21:30 +01:00
parent 9ce45dfc30
commit 72fc98fccd
5 changed files with 16 additions and 36 deletions

View File

@@ -69,7 +69,7 @@ export default function Login() {
name="email"
onChange={(e) => setEmail(e.target.value)}
placeholder="Enter email address"
className="px-8 py-6 text-sm font-normal placeholder:text-mti-gray-cool bg-white rounded-full shadow-xl shadow-mti-gray-anti-flash"
className="px-8 py-6 text-sm font-normal placeholder:text-mti-gray-cool bg-white rounded-full shadow-xl shadow-mti-gray-anti-flash focus:outline-none"
/>
</div>
<div className="flex flex-col gap-3 w-full">
@@ -79,7 +79,7 @@ export default function Login() {
name="password"
onChange={(e) => setPassword(e.target.value)}
placeholder="Password"
className="px-8 py-6 text-sm font-normal placeholder:text-mti-gray-cool bg-white rounded-full shadow-xl shadow-mti-gray-anti-flash"
className="px-8 py-6 text-sm font-normal placeholder:text-mti-gray-cool bg-white rounded-full shadow-xl shadow-mti-gray-anti-flash focus:outline-none"
/>
</div>
<Button className="mt-8 w-full" color="green" disabled={isLoading}>
@@ -91,6 +91,12 @@ export default function Login() {
)}
</Button>
</form>
<span className="text-mti-gray-cool text-sm font-normal mt-8">
Don&apos;t have an account?{" "}
<a className="text-mti-green-light" href="/register">
Sign up
</a>
</span>
</section>
</main>
</>