feat: add loading effect

phodal · Mar 11, 2020 · 129922d · 129922d
1 parent 2b774c6
commit 129922d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/app/shared/components/markdown-render/markdown-render.component.html b/src/app/shared/components/markdown-render/markdown-render.component.html
@@ -3,4 +3,4 @@
   [src]="src"
   (load)="endLoading()"
 ></markdown>
-<mat-spinner *ngIf="loading"></mat-spinner>
+<mat-spinner *ngIf="loading" class="loading" color="accent"></mat-spinner>
diff --git a/src/styles.scss b/src/styles.scss
@@ -35,3 +35,7 @@ body {
 .spacer {
   flex: 1 1 auto;
 }
+
+.loading {
+  margin: 5em auto;
+}