Merge pull request #768 from Pterodactyl/feature/auth-controller-cleanup

Push updates to login page, mostly UI enhancements.
This commit is contained in:
Dane Everitt 2017-11-18 18:00:01 -05:00 committed by GitHub
commit 3e8514b966
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
13 changed files with 420 additions and 433 deletions

View file

@ -26,42 +26,74 @@
background: #10529f;
}
#login-position-elements {
margin: 25% auto;
}
.login-logo {
color: white;
font-weight: bold;
color: #fff;
font-weight: 400;
}
.login-copyright {
color: white;
color: rgba(255, 255, 255, 0.3);
}
.login-copyright a, .login-copyright a:hover {
color: white;
font-weight: bold;
.login-copyright > a {
color: rgba(255, 255, 255, 0.6);
}
.particles-js-canvas-el {
position: absolute;
width: 100%;
height: 100%;
top: 0;
z-index: -1;
}
.login-box, .register-box {
position: absolute;
margin: -180px 0 0 -180px;
left: 50%;
top: 50%;
height: 360px;
width: 360px;
z-index: 100;
.pterodactyl-login-box {
background: rgba(0, 0, 0, 0.25);
border-radius: 3px;
padding: 20px;
}
@media (max-width:768px) {
.login-box {
width: 90%;
margin-top: 20px;
margin: 5%;
left: 0;
top: 0;
}
.pterodactyl-login-input > input {
background: rgba(0, 0, 0, 0.4);
border: 1px solid #000;
border-radius: 2px;
color: #fff;
}
.pterodactyl-login-input > .form-control-feedback {
color: #fff;
}
.pterodactyl-login-button--main {
background: rgba(0, 0, 0, 0.4);
border: 1px solid #000;
border-radius: 2px;
color: #fff;
}
.pterodactyl-login-button--main:hover {
background: rgba(0, 0, 0, 0.7);
border: 1px solid #000;
border-radius: 2px;
color: #fff;
}
.pterodactyl-login-button--left {
background: rgba(255, 255, 255, 0.4);
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 2px;
color: #fff;
}
.pterodactyl-login-button--left:hover {
background: rgba(255, 255, 255, 0.6);
border: 1px solid rgba(255, 255, 255, 0.8);
border-radius: 2px;
color: #fff;
}
.weight-100 {