update login page

sb003a · Oct 10, 2018 · b9c3275 · b9c3275
1 parent 6f163af
commit b9c3275
Showing 1 changed file with 19 additions and 17 deletions.
diff --git a/ui/ui-app/src/main/resources/static/login.html b/ui/ui-app/src/main/resources/static/login.html
@@ -39,40 +39,42 @@
 <body  >
 <div id="main" layout="column" layout-align="center center" layout-fill class="ng-cloak" >
 
-<md-content layout-fill>
-  <div id="top" class="bgc-primary"></div>
-  <div id="bottom" class="bgc-accent"></div>
-  <div layout-align="center center" flex layout="column" layout-fill>
-    <md-card ng-controller="LoginController as vm" md-padding style="width:400px;max-width:400px;z-index: 999999;"  flex="nogrow" md-whiteframe="4">
-          <img src="assets/images/kylo-logo-orange-200.png" style="width: 200px;align-self: center" class="md-card-image">
-              <md-card-title layout-align="center center">
-                <span class="md-headline">{{"view.login.Login" | translate}}</span>
-            </md-card-title>
+  <md-toolbar layout="row" class="md-whiteframe-z1 page-header" layout-align="space-between center">
+    <div class="md-toolbar-tools">
+      <h2>{{"view.login.Login" | translate}}</h2>
+    </div>
+  </md-toolbar>
+
+ <div layout-align="center center" flex layout="column" layout-fill>
+   <form name="form" action="/login" role="form" method="post">
+    <md-card ng-controller="LoginController as vm" md-padding style="width:600px;max-width:600px;z-index: 999999;"  flex="nogrow" md-whiteframe="4">
+          <img src="assets/images/kylo-logo-orange-200.png" style="width: 100px;align-self: center" class="md-card-image">
         <md-card-content>
 
         <div ng-show="vm.error" class="alert alert-danger">{{"view.login-app.login-error" | translate}}</div>
-        <form name="form" action="/login" role="form" method="post">
+
             <div layout="column" flex layout-fill>
-                <md-input-container  ng-class="{ 'has-error': form.password.$dirty && form.password.$error.required }">
+                <md-input-container  ng-class="{ 'has-error': form.password.$dirty && form.password.$error.required }" style="margin:0px">
                     <label for="username">{{"view.login.Username" | translate}}</label>
                     <input type="text" name="username" id="username" class="form-control" ng-model="vm.username" required />
                     <span ng-show="form.username.$dirty && form.username.$error.required" class="help-block">{{"view.login.Uir" | translate}}</span>
                 </md-input-container>
-                <md-input-container  ng-class="{ 'has-error': form.password.$dirty && form.password.$error.required }">
+                <md-input-container  ng-class="{ 'has-error': form.password.$dirty && form.password.$error.required }" style="margin:0px">
                    <label for="password">{{"view.login.Password" | translate}}</label>
                     <input type="password" name="password" id="password" class="form-control" ng-model="vm.password" autocomplete="off" required />
                     <span ng-show="form.password.$dirty && form.password.$error.required" class="help-block">{{"view.login.Pir" | translate}}</span>
                 </md-input-container>
-                <div class="form-actions">
-                    <md-button type="submit" class="md-raised md-primary" ng-disabled="form.$invalid || vm.dataLoading" >{{"view.login.Login-btn" | translate}}</md-button>
-                </div>
+
             </div>
           <input type="hidden" name="targetUrl" value="{{vm.targetUrl}}">
-        </form>
             </md-card-content>
+      <md-divider></md-divider>
+      <md-card-actions>
+          <md-button  flex layout-fill type="submit" class="md-raised md-primary" ng-disabled="form.$invalid || vm.dataLoading" >{{"view.login.Login-btn" | translate}}</md-button>
+      </md-card-actions>
     </md-card>
+   </form>
   </div>
-</md-content>
 </div>
 </body>
 <script src="assets/env.js"></script>