@shwfed/nuxt 0.10.2 → 0.10.4

package/dist/runtime/components/ui/table/Table.vue

@@ -765,10 +765,10 @@ export { AccessorC, ColumnC, RenderC, TableConfigC } from "./schema";
           </div>
         </div>
 
-        <div class="flex items-center justify-between w-full py-2 gap-2 text-sm text-zinc-600">
+        <div class="flex items-center justify-between w-full py-2 gap-2 text-sm text-zinc-600 @container">
           <div
             :class="[
-  'relative p-1 flex-1 prose prose-zinc text-xs'
+  'relative p-1 flex-1 prose prose-zinc text-xs invisible @lg:visible'
 ]"
           >
             <span
@@ -782,7 +782,7 @@ export { AccessorC, ColumnC, RenderC, TableConfigC } from "./schema";
             <i18n-t
               keypath="total"
               tag="span"
-              class="text-xs"
+              class="text-xs hidden @lg:inline"
             >
               <template #count>
                 <strong>{{ totalItems }}</strong>
@@ -791,7 +791,7 @@ export { AccessorC, ColumnC, RenderC, TableConfigC } from "./schema";
             <label
               v-if="resolvedPaginationPageSizes"
               data-slot="table-pagination-page-size"
-              class="flex items-center gap-2 text-xs text-zinc-500"
+              class="items-center gap-2 text-xs text-zinc-500 hidden @lg:flex"
             >
               <NativeSelect
                 data-slot="table-pagination-page-size-select"
@@ -850,8 +850,9 @@ export { AccessorC, ColumnC, RenderC, TableConfigC } from "./schema";
                   <Pagination.ListItem
                     v-if="page.type === 'page'"
                     :class="[
-  'w-7 h-7 flex items-center justify-center rounded text-xs bg-transparent',
-  'data-selected:text-(--primary) hover:bg-zinc-100 transition cursor-pointer'
+  'w-7 h-7 items-center justify-center rounded text-xs bg-transparent',
+  'data-selected:text-(--primary) hover:bg-zinc-100 transition cursor-pointer',
+  page.value - 1 === tableApi.getState().pagination.pageIndex ? '' : 'hidden @md:flex'
 ]"
                     :value="page.value"
                   >
@@ -859,7 +860,7 @@ export { AccessorC, ColumnC, RenderC, TableConfigC } from "./schema";
                   </Pagination.ListItem>
                   <Pagination.Ellipsis
                     v-else
-                    class="w-7 h-7 flex items-center justify-center text-zinc-400"
+                    class="w-7 h-7 items-center justify-center text-zinc-400 hidden @md:flex"
                   >
                     &#8230;
                   </Pagination.Ellipsis>
@@ -892,7 +893,7 @@ export { AccessorC, ColumnC, RenderC, TableConfigC } from "./schema";
             <i18n-t
               keypath="goto"
               tag="div"
-              class="text-xs flex items-center gap-2"
+              class="text-xs items-center gap-2 hidden @lg:flex"
             >
               <template #page>
                 <NumberField
@@ -908,7 +909,7 @@ export { AccessorC, ColumnC, RenderC, TableConfigC } from "./schema";
           </div>
           <div
             :class="[
-  'relative p-1 flex-1 prose prose-zinc text-xs text-right'
+  'relative p-1 flex-1 prose prose-zinc text-xs text-right invisible @lg:visible'
 ]"
           >
             <span

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/nuxt",
-  "version": "0.10.2",
+  "version": "0.10.4",
   "description": "",
   "license": "MIT",
   "type": "module",