From 5caf71338f66ad99c40614cd04f3248f5ec5c6a0 Mon Sep 17 00:00:00 2001
From: cnouguier <ch.nouguier@gmail.com>
Date: Mon, 5 Aug 2024 16:30:24 +0200
Subject: [PATCH] wip: Refactor collections based components #917

---
 .../components/collection/KCollection.vue     | 38 +++++++++----------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/core/client/components/collection/KCollection.vue b/core/client/components/collection/KCollection.vue
index 0c2e17071..e8f3e196d 100644
--- a/core/client/components/collection/KCollection.vue
+++ b/core/client/components/collection/KCollection.vue
@@ -16,14 +16,14 @@
       Content
     -->
     <div v-if="items.length > 0" class="scroll">
-      <div v-if="appendItems" class="row items-center">
-        <!-- Infinite mode -->
-        <q-infinite-scroll 
-          @load="onLoad"
-          :initial-index="1"
-          :offset="200"
-          class="col"
-        >
+      <!-- Infinite mode -->
+      <q-infinite-scroll v-if="appendItems"
+        @load="onLoad"
+        :initial-index="1"
+        :offset="200"
+        class="col"
+      >
+        <div class="fit row">
           <template v-for="(item, index) in items" :key="item._id">
             <div :class="rendererClass">
               <component
@@ -36,18 +36,18 @@
                 @item-selected="onItemSelected" />
             </div>
           </template>
-          <template v-slot:loading>
-            <div class="text-center q-my-md">
-              <q-spinner-dots 
-                color="primary" 
-                size="40px" 
-              />
-            </div>
-          </template>
-        </q-infinite-scroll>
-      </div>
+        </div>
+        <template v-slot:loading>
+          <div class="text-center q-my-md">
+            <q-spinner-dots 
+              color="primary" 
+              size="40px" 
+            />
+          </div>
+        </template>
+      </q-infinite-scroll>
       <!-- Paginated mode -->    
-      <div v-else class="fit row items-center">
+      <div v-else class="fit row">
         <template v-for="item in items" :key="item._id">
           <div :class="rendererClass">
             <component