From 994197568320ff2f98592eae2543dafdd8f9bce0 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 12 Sep 2024 08:07:53 +0000
Subject: [PATCH] fix: infiniteScroll

---
 src/components/ui/VnPaginate.vue | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/components/ui/VnPaginate.vue b/src/components/ui/VnPaginate.vue
index 441a8ff48..eb9828bc7 100644
--- a/src/components/ui/VnPaginate.vue
+++ b/src/components/ui/VnPaginate.vue
@@ -224,20 +224,27 @@ defineExpose({ fetch, addFilter, paginate });
         v-bind="$attrs"
     >
         <slot name="body" :rows="store.data"></slot>
-        <div v-if="isLoading" class="info-row q-pa-md text-center">
+        <div v-if="isLoading" class="spinner info-row q-pa-md text-center">
             <QSpinner color="primary" size="md" />
         </div>
     </QInfiniteScroll>
 </template>
 
 <style lang="scss" scoped>
-.info-row {
-    width: 100%;
-
-    h5 {
-        margin: 0;
+    .spinner {
+        z-index: 1;
+        align-content: end;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+    }
+    .info-row {
+        width: 100%;
+
+        h5 {
+            margin: 0;
+        }
     }
-}
 </style>
 
 <i18n>