diff --git a/src/app/components/login/login.component.html b/src/app/components/login/login.component.html
index 7ec95108..d4ea412c 100644
--- a/src/app/components/login/login.component.html
+++ b/src/app/components/login/login.component.html
@@ -27,5 +27,9 @@
+
+
+ Authentication was unsuccessful
+
diff --git a/src/app/components/login/login.component.scss b/src/app/components/login/login.component.scss
index d9529403..dc32554b 100644
--- a/src/app/components/login/login.component.scss
+++ b/src/app/components/login/login.component.scss
@@ -12,8 +12,8 @@ mat-form-field {
}
.mat-icon-login {
- height: 200px!important;
- width: 200px!important;
+ height: 100px!important;
+ width: 100px!important;
}
.loginTitle {
@@ -29,3 +29,9 @@ mat-form-field {
.loginButton {
width: 100%;
}
+
+.errorMessage {
+ display: flex;
+ justify-content: center;
+ margin-top: 20px;
+}
diff --git a/src/app/components/login/login.component.ts b/src/app/components/login/login.component.ts
index ade03b8b..041b0d03 100644
--- a/src/app/components/login/login.component.ts
+++ b/src/app/components/login/login.component.ts
@@ -21,6 +21,7 @@ export class LoginComponent implements OnInit {
private server: Server;
public version: string;
public isLightThemeEnabled: boolean = false;
+ public loginError: boolean = false;
loginForm = new FormGroup({
username: new FormControl('', [Validators.required]),
@@ -72,6 +73,8 @@ export class LoginComponent implements OnInit {
await this.serverService.update(server);
this.router.navigate(['/server', this.server.id, 'projects']);
+ }, error => {
+ this.loginError = true;
});
}
}
diff --git a/src/app/layouts/default-layout/default-layout.component.html b/src/app/layouts/default-layout/default-layout.component.html
index 7efbf5e0..1bdb062a 100644
--- a/src/app/layouts/default-layout/default-layout.component.html
+++ b/src/app/layouts/default-layout/default-layout.component.html
@@ -8,13 +8,13 @@
Projects
-