Loading indicator moved to the left top corner, blur -> grayscale

jirkavrba · Apr 20, 2020 · 3931b5c · 3931b5c
1 parent 1698ad1
commit 3931b5c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -166,7 +166,7 @@
         ),
         mounted() {
             this.update()
-            window.setInterval(() => this.update(), 2 * 60 * 1000);
+            window.setInterval(() => this.update(), 5 * 60 * 1000);
         }
     }
 </script>
@@ -182,7 +182,7 @@
     }
 
     .app > div.loading {
-        filter: blur(5px)
+        filter: grayscale(100%)
     }
 
     .app .menu {

diff --git a/src/components/Loading.vue b/src/components/Loading.vue
@@ -30,15 +30,16 @@
 <style scoped>
     .loading {
         display: flex;
-        flex-flow: column nowrap;
-        justify-content: center;
-        align-items: center;
+        flex-flow: row nowrap;
+        justify-content: flex-start;
+        align-items: flex-start;
         background: rgba(255, 255, 255, 0.5);
         position: fixed;
         left: 0;
         top: 0;
         width: 100vw;
         height: 100vh;
+        padding: 2rem;
         z-index: 10000;
     }