diff options
| author | Parker <contact@pkrm.dev> | 2024-12-18 18:23:30 -0600 |
|---|---|---|
| committer | Parker <contact@pkrm.dev> | 2024-12-18 18:23:30 -0600 |
| commit | 90b3e8add1f5d1b34c080517aec21d22c138583d (patch) | |
| tree | 686e155181a8d690fc5c5a073de2c674d8c3a067 | |
| parent | 6362428118dab43defc1cb00a390f614f93bbc1f (diff) | |
Correct font/box sizes for auth
| -rw-r--r-- | app/src/components/Signup.tsx | 4 | ||||
| -rw-r--r-- | app/src/styles/Auth.module.css | 7 |
2 files changed, 7 insertions, 4 deletions
diff --git a/app/src/components/Signup.tsx b/app/src/components/Signup.tsx index 0822c46..300f189 100644 --- a/app/src/components/Signup.tsx +++ b/app/src/components/Signup.tsx @@ -66,9 +66,9 @@ function Signup() { <Navbar /> <div className={styles.container}> <h1>Create Account</h1> - <h2 className={error ? styles.errorVisible : styles.errorHidden}> + <p className={error ? styles.errorVisible : styles.errorHidden}> {error} - </h2> + </p> <hr></hr> <form onSubmit={handleSubmit}> <input diff --git a/app/src/styles/Auth.module.css b/app/src/styles/Auth.module.css index 841665a..bd8059c 100644 --- a/app/src/styles/Auth.module.css +++ b/app/src/styles/Auth.module.css @@ -8,7 +8,7 @@ body { .container { font-size: 17px; position: absolute; - max-width: 500px; + width: 400px; top: 50%; left: 50%; transform: translate(-50%, -50%); @@ -27,7 +27,8 @@ h1 { .authInput { display: block; margin: 10px auto; - width: 300px; + width: 100%; + box-sizing: border-box; border-radius: 5px; padding: 15px; font-size: 17px; @@ -62,6 +63,8 @@ button:active { visibility: visible; color: #ee6161; font-weight: 600; + word-wrap: break-word; + width: 100%; } .errorHidden { |