Skip to content

N
nexpie-grafana-theme
Commit 69d2a8f4 by Torkel Ödegaard
Options

style change to login page

parent d584076b
Showing with 43 additions and 39 deletions
src/app/partials/pro/login.html
...@@ -7,36 +7,22 @@ ...@@ -7,36 +7,22 @@
<img src="/img/logo_transparent_200x75.png"> <img src="/img/logo_transparent_200x75.png">
</div> </div>
<form name="loginForm" class="form-horizontal"> <div class="login-inner-box">
<div class="row-fluid">
<div class="span8"> <form name="loginForm">
<div class="control-group"> <input type="text" required ng-model="loginModel.email" id="inputEmail" placeholder="Email">
<label class="control-label" for="inputEmail">Email</label>
<div class="controls"> <input type="password" required ng-model="loginModel.password" id="inputPassword" placeholder="Password">
<input type="text" required ng-model="loginModel.email" id="inputEmail" placeholder="Email">
</div> <label class="checkbox">
</div> <input type="checkbox" ng-model="loginModel.remember" ng-checked="login.remember"> Remember me
<div class="control-group"> </label>
<label class="control-label" for="inputPassword">Password</label>
<div class="controls"> <button type="submit" ng-click="login()" class="btn btn-success" style="margin-bottom: 20px">
<input type="password" required ng-model="loginModel.password" id="inputPassword" placeholder="Password">
</div>
</div>
<div class="control-group">
<div class="controls">
<label class="checkbox">
<input type="checkbox" ng-model="loginModel.remember" ng-checked="login.remember"> Remember me
</label>
</div>
</div>
</div>
<div class="span4">
<button type="submit" ng-click="login()" class="btn btn-success btn-large">
<i class="icon-lock"></i>
Sign in Sign in
</button> </button>
</div> </form>
</div>
<div class="alert alert-error" ng-show="loginError"> <div class="alert alert-error" ng-show="loginError">
<button type="button" class="close" data-dismiss="alert">&times;</button> <button type="button" class="close" data-dismiss="alert">&times;</button>
<strong>Login failed:</strong> {{loginError}} <strong>Login failed:</strong> {{loginError}}
...@@ -51,11 +37,8 @@ ...@@ -51,11 +37,8 @@
</a> </a>
</div> </div>
</form> <div class="register-box text-center">
<a href="/register" class="btn btn-info">Sign up now!</a>
<div class="register-box text-center">
<h3>If you do not already have an account<h3>
</a> <a href="/register" class="btn btn-info btn-large">Sign up now!</a>
</div> </div>
</div> </div>
......
src/css/less/p_pro.less
...@@ -69,18 +69,39 @@ ...@@ -69,18 +69,39 @@
} }
} }
.login-box { .login-inner-box {
width: 700px; width: 50%;
margin: 100px auto 0 auto; float: left;
margin-left: 25%;
margin-right: 25%;
input, .btn {
margin-bottom: 10px;
width: 100%;
font-size: 1.2em;
box-sizing: border-box;
}
input[type=text], input[type=password] {
padding: 17px;
}
button.btn { input[type=checkbox] {
margin-top: 19px; width: auto;
padding: 12px 30px;
} }
} }
.login-box {
width: 700px;
margin: 100px auto 0 auto;
}
.login-box-logo { .login-box-logo {
text-align: center; text-align: center;
padding-bottom: 50px; padding-bottom: 50px;
} }
.register-box {
margin-top: 100px;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment