ignore dist directory, it seems that those already in will be there for ever.

.gitignore

 #dist file
 src/app/dist/*
 src/app/dist/main-menu-items.js
+dist/*

src/app/auth/dist/auth.component.css

   height: 100vh;
   opacity: 0.95;
   background: url("../../assets/img/body_bg.jpg") no-repeat center center fixed;
+  background-size: cover;
 }
 
 .form_login {

src/app/auth/dist/auth.component.js

     }
     AuthComponent.prototype.ngOnInit = function () {
         var _this = this;
-        this.loginSub = this.authService.loginSuccess.subscribe(function (ok) {
-            _this.loading = false;
-            console.log(" found login success " + ok);
-            if (ok)
-                _this.rounter.navigate(["/dashboard"]);
-            else
-                _this.show();
-        });
+        this.loginSub = this.authService.loginSuccess.subscribe(function (ok) { _this.onLogin(ok); });
     };
     AuthComponent.prototype.ngOnDestroy = function () {
         this.loginSub.unsubscribe();
         this.loading = true;
         this.authService.login(this.userForm.value.email, this.userForm.value.password);
     };
+    AuthComponent.prototype.onLogin = function (ok) {
+        this.loading = false;
+        console.log(" found login success " + ok);
+        if (ok)
+            this.rounter.navigate(["/dashboard"]);
+        else
+            this.show();
+    };
     AuthComponent.prototype.show = function () {
         this.notificationService.show({
             content: 'Your loggin is failed, please try again.',
             cssClass: 'button-notification',
             animation: { type: 'slide', duration: 400 },
-            position: { horizontal: 'center', vertical: 'bottom' },
+            position: { horizontal: 'center', vertical: 'top' },
             type: { style: 'error', icon: true },
-            closable: true
+            hideAfter: 2000
         });
     };
     AuthComponent = __decorate([