loading styles

8 years ago · 15cc46bba5
5 changed files with 24 additions and 13 deletions
--- a/src/app/accounts/login.component.html
+++ b/src/app/accounts/login.component.html
@ -1,7 +1,7 @@
				@@ -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">
--- a/src/app/layouts/organization-layout.component.ts
+++ b/src/app/layouts/organization-layout.component.ts
@ -20,6 +20,7 @@ export class OrganizationLayoutComponent implements OnInit {
				@@ -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();
--- a/src/app/layouts/user-layout.component.ts
+++ b/src/app/layouts/user-layout.component.ts
@ -1,9 +1,14 @@
				@@ -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');
+    }
+}
--- a/src/index.html
+++ b/src/index.html
@ -19,9 +19,16 @@
				@@ -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>

--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@ -382,15 +382,6 @@ app-vault-groupings, app-org-vault-groupings {
				@@ -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 {
				@@ -652,3 +643,10 @@ app-user-billing {
        }
    }
 }
+
+img.logo {
+    width: 284px;
+    height: 43px;
+    margin: 0 auto;
+    display: block;
+}