parker/linklogger
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Correct font/box sizes for auth

Browse Source
This commit is contained in:
Parker M. 2024-12-18 18:23:30 -06:00
parent 6362428118
commit 90b3e8add1
Signed by: parker
GPG Key ID: 505ED36FC12B5D5E
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/src/components/Signup.tsx
View File

@ -66,9 +66,9 @@ function Signup() {
<Navbar /> <Navbar />
<div className={styles.container}> <div className={styles.container}>
<h1>Create Account</h1> <h1>Create Account</h1>
<h2 className={error ? styles.errorVisible : styles.errorHidden}> <p className={error ? styles.errorVisible : styles.errorHidden}>
{error} {error}
</h2> </p>
<hr></hr> <hr></hr>
<form onSubmit={handleSubmit}> <form onSubmit={handleSubmit}>
<input <input

7
app/src/styles/Auth.module.css
View File

@ -8,7 +8,7 @@ body {
.container { .container {
font-size: 17px; font-size: 17px;
position: absolute; position: absolute;
max-width: 500px; width: 400px;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
@ -27,7 +27,8 @@ h1 {
.authInput { .authInput {
display: block; display: block;
margin: 10px auto; margin: 10px auto;
width: 300px; width: 100%;
box-sizing: border-box;
border-radius: 5px; border-radius: 5px;
padding: 15px; padding: 15px;
font-size: 17px; font-size: 17px;
@ -62,6 +63,8 @@ button:active {
visibility: visible; visibility: visible;
color: #ee6161; color: #ee6161;
font-weight: 600; font-weight: 600;
word-wrap: break-word;
width: 100%;
} }
.errorHidden { .errorHidden {