loading spinner

2018-02-13 22:45:31 -05:00 · 2018-02-13 22:45:31 -05:00 · 4d5a867ff8
parent c2043c1447
commit 4d5a867ff8
2 changed files with 13 additions and 1 deletions
--- a/src/index.html
+++ b/src/index.html
@ -7,6 +7,8 @@
    <base href="">
 </head>
 <body>
-    <app-root></app-root>
+    <app-root>
+        <div id="loading"><i class="fa fa-spinner fa-spin fa-3x"></i></div>
+    </app-root>
 </body>
 </html>
--- a/src/scss/misc.scss
+++ b/src/scss/misc.scss
@ -162,3 +162,13 @@ form, .form {
        display: block;
    }
 }
+
+app-root > #loading {
+    display: flex;
+    text-align: center;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    width: 100%;
+    color: $text-muted;
+}