loading styles

This commit is contained in:
Kyle Spearrin 2018-07-06 16:36:51 -04:00
parent 417743ccdd
commit 15cc46bba5
5 changed files with 24 additions and 13 deletions

View File

@ -1,7 +1,7 @@
<form #form (ngSubmit)="submit()" [appApiAction]="formPromise" class="container">
<div class="row justify-content-md-center mt-5">
<div class="col-5">
<img src="../../images/logo-dark@2x.png" class="mb-2" alt="Bitwarden">
<img src="../../images/logo-dark@2x.png" class="logo mb-2" alt="Bitwarden">
<p class="lead text-center mx-4 mb-4">{{'loginOrCreateNewAccount' | i18n}}</p>
<div class="card">
<div class="card-body">

View File

@ -20,6 +20,7 @@ export class OrganizationLayoutComponent implements OnInit {
constructor(private route: ActivatedRoute, private userService: UserService) { }
ngOnInit() {
document.body.classList.remove('layout_frontend');
this.route.params.subscribe(async (params) => {
this.organizationId = params.organizationId;
await this.load();

View File

@ -1,9 +1,14 @@
import {
Component,
OnInit,
} from '@angular/core';
@Component({
selector: 'app-user-layout',
templateUrl: 'user-layout.component.html',
})
export class UserLayoutComponent { }
export class UserLayoutComponent implements OnInit {
ngOnInit() {
document.body.classList.remove('layout_frontend');
}
}

View File

@ -19,9 +19,16 @@
crossorigin="anonymous">
</head>
<body>
<body class="layout_frontend">
<app-root>
Loading...
<div class="mt-5 d-flex justify-content-center">
<div>
<img src="./images/logo-dark@2x.png" class="mb-4 logo" alt="Bitwarden">
<p class="text-center">
<i class="fa fa-spinner fa-spin fa-2x text-muted"></i>
</p>
</div>
</div>
</app-root>
</body>

View File

@ -382,15 +382,6 @@ app-vault-groupings, app-org-vault-groupings {
}
}
app-login {
img {
width: 284px;
height: 43px;
margin: 0 auto;
display: block;
}
}
app-password-generator {
#lengthRange {
width: 100%;
@ -652,3 +643,10 @@ app-user-billing {
}
}
}
img.logo {
width: 284px;
height: 43px;
margin: 0 auto;
display: block;
}