diff options
| author | Sam Nystrom <sam@samnystrom.dev> | 2024-03-12 18:58:36 +0000 |
|---|---|---|
| committer | Sam Nystrom <sam@samnystrom.dev> | 2024-03-12 17:35:02 -0400 |
| commit | ef28973b0683823d2f3e1cee128055b18530d522 (patch) | |
| tree | 7f76c314629a4d2c631e7b937b54ddd9eef45aad /src/pages | |
| parent | a9aa246f58dcb2664c4e7a1bd98e69c19e7d7000 (diff) | |
Style login and signup pages
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/LogIn.tsx | 17 | ||||
| -rw-r--r-- | src/pages/SignUp.tsx | 27 |
2 files changed, 27 insertions, 17 deletions
diff --git a/src/pages/LogIn.tsx b/src/pages/LogIn.tsx index c787dce..55b2109 100644 --- a/src/pages/LogIn.tsx +++ b/src/pages/LogIn.tsx @@ -18,16 +18,23 @@ export const LogIn = () => { }; return ( + <main> <form onSubmit={onSubmit}> + <h1>Log In</h1> + <p> + Don't have an account? <a href="/signup">Sign up</a> + </p> + <hr /> <label> - Email: - <input type="text" value={email} onInput={e => email.value = e.target.value} /> + Email + <input type="text" placeholder="Email" value={email} onInput={e => email.value = e.target.value} /> </label> <label> - Password: - <input type="password" value={password} onInput={e => password.value = e.target.value} /> + Password + <input type="password" placeholder="Password" value={password} onInput={e => password.value = e.target.value} /> </label> - <button>Log In</button> + <input type="submit" value="Continue" /> </form> + </main> ); };
\ No newline at end of file diff --git a/src/pages/SignUp.tsx b/src/pages/SignUp.tsx index 99cc7d6..b707b7d 100644 --- a/src/pages/SignUp.tsx +++ b/src/pages/SignUp.tsx @@ -26,28 +26,31 @@ export const SignUp = () => { }; return ( - <main class="container"> - <article> + <main> <form onSubmit={onSubmit}> + <h1>Sign Up</h1> + <p> + Already have an account? <a href="/login">Log in</a> + </p> + <hr /> <label> - Username: - <input type="text" value={username} onInput={e => username.value = e.target.value} /> + Username + <input type="text" placeholder="Username" value={username} onInput={e => username.value = e.target.value} /> </label> <label> - Email: - <input type="text" value={email} onInput={e => email.value = e.target.value} /> + Email + <input type="text" placeholder="Email" value={email} onInput={e => email.value = e.target.value} /> </label> <label> - Password: - <input type="password" value={password} onInput={e => password.value = e.target.value} /> + Password + <input type="password" placeholder="Password" value={password} onInput={e => password.value = e.target.value} /> </label> <label> - Confirm Password: - <input type="password" value={confirm} onInput={e => confirm.value = e.target.value} /> + Confirm password + <input type="password" placeholder="Confirm password" value={confirm} onInput={e => confirm.value = e.target.value} /> </label> - <button>Sign Up</button> + <input type="submit" value="Continue" /> </form> - </article> </main> ); };
\ No newline at end of file |