wip: Refactor collections based components #917

kalisio · Aug 5, 2024 · 5caf713 · 5caf713
1 parent dd693ee
commit 5caf713
Showing 1 changed file with 19 additions and 19 deletions.
diff --git 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