Fix viewer loading animation

uwcirg · Nov 5, 2024 · cafdb90 · cafdb90
1 parent 7f4e854
commit cafdb90
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/routes/(viewer)/ips/+page.svelte b/src/routes/(viewer)/ips/+page.svelte
@@ -246,7 +246,7 @@
 {/if}
 
 <style lang="css">
-  :global(.loader) {
+  .loader {
     width: 100%;
     height: 150px;
     margin: 40px;
@@ -255,7 +255,7 @@
     background: #FFF;
     box-sizing: border-box;
   }
-  :global(.loader::after) {
+  .loader::after {
     content: '';  
     width: calc(100% - 30px);
     height: calc(100% - 30px);
@@ -281,4 +281,12 @@
     box-sizing: border-box;
     animation: animloader 1s linear infinite;
   }
+  @keyframes -global-animloader {
+    0% {
+      background-position: 0% 0, 0 0, 70px 5px, 70px 38px, 0px 66px;
+    }
+    100% {
+      background-position: 150% 0, 0 0, 70px 5px, 70px 38px, 0px 66px;
+    }
+  }
 </style>