finished app

This commit is contained in:
Mike 2025-02-20 16:50:58 -05:00
parent b3af4d9d77
commit d19e935069
3 changed files with 30 additions and 7 deletions

View file

@ -105,6 +105,10 @@ form {
max-width: 50vw;
}
input {
padding: 0.75em;
}
.flex {
display: flex;
}
@ -153,6 +157,7 @@ form {
padding: 1em;
text-decoration: none;
border-radius: 0.7em;
font-size: 1em;
}
.btn__link {
@ -166,6 +171,14 @@ form {
background: #bfbba9;
}
.btn__form {
background: #f0f0f0;
}
.btn__form:hover {
background: #bfbba9;
}
.hero > .btn__link {
margin-top: 2em;
}
@ -221,11 +234,15 @@ form {
.form-item {
flex-direction: column;
width: 100%;
margin: 0.5em 0;
}
/*.active__underline {*/
/**/
/*}*/
.form-item-row {
flex-direction: column;
width: 100%;
margin: 0.5em 0;
gap: 0.5em;
}
.hover__underline {
/*display: inline-block;*/
@ -281,6 +298,12 @@ form {
.grid__span_two {
grid-column-end: span 2;
}
.form-item-row {
flex-direction: row;
width: 100%;
margin: 0.5em 0;
gap: 0.5em;
}
/*.form-item > .btn {*/
/* max-width: 200px;*/

View file

@ -8,9 +8,9 @@
<label for="password">Password</label>
<input type="password" name="password" required/>
</div>
<div class="form-item flex">
<button type="submit" class="btn">Login</button>
<button type="button" class="btn" onclick="document.location.href='/auth/register'">Sign up</button>
<div class="form-item-row flex">
<button type="submit" class="btn btn__form">Login</button>
<button type="button" class="btn btn__form" onclick="document.location.href='/auth/register'">Sign up</button>
</div>
</form>

View file

@ -23,7 +23,7 @@
<input type="password" name="confirm-password" required/>
</div>
<div class="form-item flex">
<button type="submit" class="btn">Register</button>
<button type="submit" class="btn btn__form">Register</button>
</div>
</form>