smig/odin-codespace
1
0
Fork 0
mirror of https://gitea.smigz.com/smiggiddy/odin-codeprojects.git synced 2025-04-05 03:10:57 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

finished app

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

29
keynotes.app/public/css/style.css
View file

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

6
keynotes.app/src/views/login.ejs
View file

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

2
keynotes.app/src/views/register.ejs
View file

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