Skeleton loader updates

2022-08-30 10:42:50 +02:00
parent 83e18c78ad
commit 777bbe013b
5 changed files with 40 additions and 14 deletions
--- a/frontend/src/app/lightning/channel/channel.component.html
+++ b/frontend/src/app/lightning/channel/channel.component.html
@@ -103,7 +103,11 @@
  
    <div class="clearfix"></div>

-    <div style="height: 413px;  padding: 15px;"><span class="skeleton-loader" style="height: 398px;"></span></div>
+    <div style="height: 413px;  padding: 15px;">
+      <div class="text-center loading-spinner">
+        <div class="spinner-border text-light"></div>
+      </div>
+    </div>

    <br>

--- a/frontend/src/app/lightning/channel/channel.component.scss
+++ b/frontend/src/app/lightning/channel/channel.component.scss
@@ -56,3 +56,15 @@ app-fiat {
    font-size: 1.4rem;
  }
 }
+
+
+.loading-spinner {
+  position: absolute;
+  top: 400px;
+  z-index: 100;
+  width: 100%;
+  left: 0;
+  @media (max-width: 767.98px) {
+    top: 450px;
+  }
+}