From 0d5d93969cb0878068071a0f5410763484a87cb3 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Tue, 1 Mar 2022 08:23:47 +0100
Subject: [PATCH] Zaktualizowano widok pobierania danych dla historii RJ

---
 src/views/JournalView.vue | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/views/JournalView.vue b/src/views/JournalView.vue
index 2e472dd..e832d70 100644
--- a/src/views/JournalView.vue
+++ b/src/views/JournalView.vue
@@ -231,7 +231,7 @@ export default defineComponent({
       const element = scrollElement.value;
 
       if (element.getBoundingClientRect().bottom * 0.9 < window.innerHeight) {
-        console.log('gituwa');
+        // console.log('gituwa');
         // historyDataStatus.value.status = DataStatus.Loading
       }
     };
@@ -266,7 +266,9 @@ export default defineComponent({
   },
 
   mounted() {
-    this.fetchHistoryData();
+    setTimeout(() => {
+      this.fetchHistoryData();
+    }, 250);
   },
 
   methods: {
@@ -357,11 +359,11 @@ export default defineComponent({
   }
 
   &-enter-active {
-    transition: all 100ms ease-out;
+    transition: all 200ms ease-in-out;
   }
 
   &-leave-active {
-    transition: all 100ms ease-out 100ms;
+    transition: all 200ms ease-in-out;
   }
 }
 
@@ -450,7 +452,7 @@ li,
 }
 
 .history-loading {
-  margin-top: 1em;
+  margin-top: 2em;
 
   img {
     margin: 0 auto;
@@ -463,11 +465,13 @@ li,
 
   .loading-label {
 
-    background: white;
-    color: black;
+    background: #333;
+    color: white;
 
-    padding: 0.15em 0.25em;
+    padding: 0.5em 0.5em;
     font-size: 1.3em;
+
+    border-radius: 1em;
   }
 }
 </style>