Change the login form to a Bootstrapped one - still needs some colours tweaked though

This commit is contained in:
Danielle McLean 2017-10-06 12:32:27 +11:00
parent f934632484
commit ea47fb8b50
Signed by: 00dani
GPG key ID: 5A5D2D1AFF12EEC5
3 changed files with 33 additions and 2 deletions

View file

@ -0,0 +1,3 @@
body > main
display: flex
align-items: center

View file

@ -0,0 +1,24 @@
<form .container method="post" action=@{action}>
$maybe tok <- mtok
<input type="hidden" name=#{defaultCsrfParamName} value=#{tok}>
<div .card.bg-dark>
<div .card-body>
<div .form-group>
<label .sr-only for="auth-login-username">Username
<div .input-group>
<span .input-group-addon aria-hidden>
<i .fa.fa-user>
<input #auth-login-username .form-control type="text" name="username" required>
<div .form-group>
<label .sr-only for="auth-login-password">Password
<div .input-group>
<span .input-group-addon aria-hidden>
<i .fa.fa-key>
<input #auth-login-password .form-control type="password" name="password" required>
<div .card-footer>
<button type="submit" class="btn btn-primary">
<i .fa.fa-sign-in>
Log In