style(admin): lock screen style

Author: bndynet

src/main/resources/static/apps/admin/app.js

@@ -385,10 +385,10 @@ app.controller('LayoutCtrl', ['$http', '$scope', '$state', 'appDialog',
         $scope.unlockScreenError = false;
         $scope.unlockScreen = function() {
             if (!$scope.password) {
+                $scope.unlockScreenError = true;
                 return;
             }
 
-            $scope.unlockScreenError = false;
             if ($scope.username && $scope.password) {
                 $http.post('/api/core/users/login', { username: $scope.username, password: $scope.password }).then(function(res) {
                     $scope.password = '';

src/main/resources/static/apps/admin/assets/css/style.css

@@ -157,8 +157,8 @@ html, body {
     z-index: 9999;
 
     .error-message {
-        position: absolute;
-        margin-top: .5rem;
+        position: relative;
+        margin-top: -1rem;
     }
 
     .lockscreen-wrapper {

src/main/resources/static/apps/admin/assets/css/style.scss

@@ -26,9 +26,9 @@
                         <button type="submit" class="btn"><i class="fa fa-arrow-right text-muted"></i></button>
                     </div>
                 </div>
-                <div class="error-message text-danger" ng-if="unlockScreenError" th:text="#{sso.invalidPassword}"></div>
             </form>
         </div>
+        <div class="error-message text-center text-danger" ng-if="unlockScreenError" th:text="#{sso.invalidPassword}"></div>
         <div class="help-block text-center" th:text="#{sso.lockScreenTip}"></div>
         <div class="text-center">
             <a href="/sso/login" th:text="#{sso.orSwitchUser}"></a>