Closes #78: login page design

This commit is contained in:
jendib 2016-03-03 23:16:50 +01:00
parent a102bf04f4
commit f927193ae9
3 changed files with 38 additions and 2 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

View File

@ -1,5 +1,11 @@
<div class="row"> <style>
<div class="col-sm-offset-5 col-sm-3"> /* No navbar in login screen */
.navbar {
display: none;
}
</style>
<div class="row vertical-center login-box-container">
<div class="col-sm-offset-5 col-sm-2 login-box">
<form> <form>
<div class="form-group"> <div class="form-group">
<label class="sr-only" for="inputUsername">Username</label> <label class="sr-only" for="inputUsername">Username</label>

View File

@ -209,3 +209,33 @@ input[readonly].share-link {
} }
} }
} }
// Vertical alignment
.vertical-center {
min-height: 100vh;
/* Make it a flex container */
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
/* Align the bootstrap's container vertically */
-webkit-box-align : center;
-webkit-align-items : center;
-moz-box-align : center;
-ms-flex-align : center;
align-items : center;
}
// Login
.login-box-container {
background: url('../img/background.jpg') no-repeat center;
}
.login-box {
background: rgba(255, 255, 255, 0.5);
padding: 20px;
border-radius: 4px
}