From 3931b5c60d5eb6a0637b9cb9150ae4b9e57bb626 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ji=C5=99=C3=AD=20Vrba?= <jiri@vrba.dev>
Date: Mon, 20 Apr 2020 21:04:21 +0200
Subject: [PATCH] Loading indicator moved to the left top corner, blur ->
 grayscale

---
 src/App.vue                | 4 ++--
 src/components/Loading.vue | 7 ++++---
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index ec02f43..bf45a8d 100644
--- 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
index 327f6a0..ee527ab 100644
--- 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;
     }