@innertia-solutions/nuxt-theme-spark 0.1.46 → 0.1.48

package/components/Table.vue

@@ -538,7 +538,7 @@ defineExpose({
         </thead>
 
         <tbody ref="tableBodyRef" class="divide-y divide-gray-200 dark:divide-slate-700">
-          <!-- Loading skeleton -->
+          <!-- Loading skeleton rows -->
           <tr
             v-if="loading"
             v-for="(_, i) in skeletonRows"
@@ -556,22 +556,32 @@ defineExpose({
             </td>
           </tr>
 
-          <!-- Empty skeleton -->
+          <!-- Loading filler rows: pad to pageSize so table height doesn't change -->
+          <tr
+            v-if="loading && skeletonRows.length < pagination.pageSize"
+            v-for="i in (pagination.pageSize - skeletonRows.length)"
+            :key="'lf-' + i"
+            class="divide-x divide-gray-200 dark:divide-slate-700 bg-white dark:bg-slate-800"
+          >
+            <td
+              v-for="header in (table.getHeaderGroups()[0]?.headers ?? [])"
+              :key="'lfc-' + header.id"
+              :style="{ height: lastRowHeight + 'px' }"
+            />
+          </tr>
+
+          <!-- Empty filler rows: maintain table height when no results -->
           <tr
             v-if="!loading && tableData.length === 0"
-            v-for="(_, i) in skeletonRows"
+            v-for="i in pagination.pageSize"
             :key="'esk-' + i"
             class="divide-x divide-gray-200 dark:divide-slate-700 bg-white dark:bg-slate-800"
           >
             <td
               v-for="header in (table.getHeaderGroups()[0]?.headers ?? [])"
               :key="'eskc-' + header.id"
-              :class="header.id === 'select' ? 'text-center w-12' : 'px-4'"
               :style="{ height: lastRowHeight + 'px' }"
-            >
-              <div v-if="header.id === 'select'" class="w-4 h-4 bg-gray-200 dark:bg-slate-600 rounded mx-auto"></div>
-              <div v-else class="h-4 w-[50%] rounded bg-gray-100 dark:bg-slate-700"></div>
-            </td>
+            />
           </tr>
 
           <!-- Data rows -->

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innertia-solutions/nuxt-theme-spark",
-  "version": "0.1.46",
+  "version": "0.1.48",
   "description": "Innertia Solutions — Spark theme: backoffice, landing and mobile components and layouts",
   "keywords": [
     "nuxt",