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">
<input type="password" name="passphrase" placeholder="Passphrase" />
<button type="submit">Login</button>
</form>
@section scripts {

View File

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