add login button

This commit is contained in:
Ryan Peters 2024-12-16 15:22:03 -05:00
parent 255b62a3b3
commit 1efa4b04d0
2 changed files with 38 additions and 23 deletions

View File

@ -2,6 +2,7 @@
<form method="post"> <form method="post">
<input type="password" name="passphrase" placeholder="Passphrase" /> <input type="password" name="passphrase" placeholder="Passphrase" />
<button type="submit">Login</button>
</form> </form>
@section scripts { @section scripts {

View File

@ -28,19 +28,19 @@ div.note-names {
opacity: 0.5; opacity: 0.5;
} }
div.note-names a { div.note-names a {
color: #666; color: #666;
padding-left: 10px; padding-left: 10px;
text-decoration: none; text-decoration: none;
} }
div.note-names a.current { div.note-names a.current {
font-weight: bold; font-weight: bold;
} }
div .note-names a:not(:last-of-type) { div .note-names a:not(:last-of-type) {
border-right: 1px solid #666; border-right: 1px solid #666;
} }
textarea { textarea {
width: 100%; width: 100%;
@ -57,7 +57,9 @@ textarea {
border-width: 0; border-width: 0;
} }
body.dark, body.dark input, body.dark textarea { body.dark,
body.dark input,
body.dark textarea {
background-color: #222; background-color: #222;
color: #ddd; color: #ddd;
} }
@ -74,24 +76,36 @@ body.dark, body.dark input, body.dark textarea {
border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
} }
.toast.show { .toast.show {
bottom: 0; bottom: 0;
} }
.toast#saved-indicator { .toast#saved-indicator {
background-color: green; background-color: green;
} }
.toast#update-indicator { .toast#update-indicator {
background-color: orangered; background-color: orangered;
} }
form input[type=password] { form input[type=password],
button {
display: block; display: block;
width: 100%;
max-width: 300px;
margin: 20px auto; margin: 20px auto;
font-size: 20px; font-size: 20px;
padding: 8px; padding: 8px;
border: 1px solid #999; border: 1px solid #fff;
border-radius: 4px; border-radius: 4px;
}
form input[type=password] {
color: #999; color: #999;
} }
form button {
cursor: pointer;
color: #fff;
background-color: #009E60;
}