Improves reset password page style.

This commit is contained in:
Dominik Picheta 2018-05-20 18:41:29 +01:00
commit 2f5a6d888b
2 changed files with 19 additions and 1 deletions

View file

@ -639,4 +639,20 @@ hr {
.license-text {
text-align: left;
font-size: 80%;
}
// - Reset password
#resetpassword {
@extend .grid-sm;
@extend .container;
.form-input {
display: inline-block;
width: 15rem;
margin-bottom: $control-padding-y*2;
}
.footer {
margin-top: $control-padding-y*2;
}
}

View file

@ -45,10 +45,12 @@ when defined(js):
result = buildHtml():
section(class="container grid-xl"):
tdiv(class="resetpassword"):
tdiv(id="resetpassword"):
tdiv(class="title"):
p(): text "Reset Password"
tdiv(class="content"):
label(class="form-label", `for`="password"):
text "Password"
input(class="form-input", `type`="password", name="password",
placeholder="Type your new password here",
oninput=(e: Event, n: VNode) => onPassChange(e, n, state))