From 9b5cc5fdad32973ae3184b2fec82c22df70cfccf Mon Sep 17 00:00:00 2001
From: Matt Kirby <MattJKirby@outlook.com>
Date: Thu, 13 Apr 2023 17:43:09 +0100
Subject: [PATCH] Simple sign in page
---
daily-thought-frontend/src/pages/signIn.tsx | 85 +++++++++++++++++++++
1 file changed, 85 insertions(+)
create mode 100644 daily-thought-frontend/src/pages/signIn.tsx
diff --git a/daily-thought-frontend/src/pages/signIn.tsx b/daily-thought-frontend/src/pages/signIn.tsx
new file mode 100644
index 00000000..23f078e6
--- /dev/null
+++ b/daily-thought-frontend/src/pages/signIn.tsx
@@ -0,0 +1,85 @@
+const SignIn = () => {
+ return (
+ <>
+ <div className="flex min-h-full items-center justify-center px-4 py-12 sm:px-6 lg:px-8">
+ <div className="w-full max-w-md space-y-8">
+ <div>
+ <h2 className="mt-6 text-center text-3xl font-bold tracking-tight text-gray-900">
+ Sign in to your account
+ </h2>
+ <p className="mt-2 text-center text-sm text-gray-600">
+ Or{' '}
+ <a href="/register" className="font-medium text-c-pink hover:text-indigo-500">
+ register
+ </a>
+ </p>
+ </div>
+ <form className="mt-8 space-y-6" action="#" method="POST">
+ <input type="hidden" name="remember" defaultValue="true" />
+ <div className="-space-y-px rounded-md shadow-sm">
+ <div>
+ <label htmlFor="email-address" className="sr-only">
+ Email address
+ </label>
+ <input
+ id="email-address"
+ name="email"
+ type="email"
+ autoComplete="email"
+ required
+ className="relative block w-full rounded-t-md border-0 py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
+ placeholder="Email address"
+ />
+ </div>
+ <div>
+ <label htmlFor="password" className="sr-only">
+ Password
+ </label>
+ <input
+ id="password"
+ name="password"
+ type="password"
+ autoComplete="current-password"
+ required
+ className="relative block w-full rounded-b-md border-0 py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
+ placeholder="Password"
+ />
+ </div>
+ </div>
+
+ <div className="flex items-center justify-between">
+ <div className="flex items-center">
+ <input
+ id="remember-me"
+ name="remember-me"
+ type="checkbox"
+ className="h-4 w-4 rounded border-gray-300 text-c-pink focus:ring-indigo-600"
+ />
+ <label htmlFor="remember-me" className="ml-2 block text-sm text-gray-900">
+ Remember me
+ </label>
+ </div>
+
+ <div className="text-sm">
+ <a href="#" className="font-medium text-c-pink hover:text-indigo-500">
+ Forgot your password?
+ </a>
+ </div>
+ </div>
+
+ <div>
+ <button
+ type="submit"
+ className="group relative flex w-full justify-center rounded-md bg-c-pink px-3 py-2 text-sm font-semibold text-white hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
+ >
+ Sign in
+ </button>
+ </div>
+ </form>
+ </div>
+ </div>
+ </>
+ )
+}
+
+export default SignIn;
\ No newline at end of file
--
GitLab