atom-nuxt 1.4.18 → 1.4.20

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@atomengine/atom-nuxt",
   "configKey": "atomNuxt",
-  "version": "1.4.18",
+  "version": "1.4.20",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.5.0"

package/dist/runtime/components/CrudPaginatedLoader.vue

@@ -7,9 +7,11 @@ import CrudFilterList from "./CrudFilterList.vue";
 import { computed, ref, watch, onMounted, onBeforeUnmount, toRaw, nextTick } from "vue";
 import { useDebounceFn } from "@vueuse/core";
 import { useListenerService } from "../composables/useListenerService";
+import { useDisplay } from "vuetify";
 import CrudFormDialog from "./CrudFormDialog.vue";
 import CrudErrorDisplay from "./CrudErrorDisplay.vue";
 const { parseQuery, stringifyQuery, cloneDeep } = useCrudConverters();
+const { mdAndUp } = useDisplay();
 const props = defineProps({
   filtersTitle: {
     type: String,
@@ -147,6 +149,12 @@ const props = defineProps({
     required: false,
     default: ""
   },
+  filtersWidth: {
+    type: Number,
+    required: false,
+    default: 250,
+    validator: (value) => value > 0
+  },
   dialogStyle: {
     type: String,
     required: false,
@@ -505,7 +513,16 @@ const exportAction = async () => {
     </slot>
     <div :class="contentClasses">
       <v-row>
-        <v-col v-if="!hideFilters && (filters.length > 0 || isInitialLoad)" cols="12" md="3">
+        <v-col
+          v-if="!hideFilters && (filters.length > 0 || isInitialLoad)"
+          cols="12"
+          md="auto"
+          :style="{
+            width: mdAndUp ? `${filtersWidth}px` : undefined,
+            maxWidth: mdAndUp ? `${filtersWidth}px` : undefined,
+            flex: mdAndUp ? '0 0 auto' : undefined
+          }"
+        >
           <div>
             <Transition name="fade" mode="out-in">
               <div v-if="isInitialLoad" key="skeleton">
@@ -527,7 +544,13 @@ const exportAction = async () => {
             </Transition>
           </div>
         </v-col>
-        <v-col cols="12" :md="hideFilters || (filters.length === 0 && !isInitialLoad) ? '12' : '9'">
+        <v-col
+          cols="12"
+          md="auto"
+          :style="{
+            flex: mdAndUp ? '1 1 auto' : undefined
+          }"
+        >
           <v-progress-linear :active="listPending && !isInitialLoad" indeterminate color="primary"></v-progress-linear>
           <div class="">
             <Transition name="fade" mode="out-in">

package/dist/runtime/components/CrudPaginatedLoader.vue.d.ts

@@ -29,6 +29,7 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
     resultClasses: string;
     fullScreenDialog: boolean;
     contentClasses: string;
+    filtersWidth: number;
     title?: string | undefined;
     loaderKey?: string | undefined;
     initialItem?: Record<string, any> | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "atom-nuxt",
-  "version": "1.4.18",
+  "version": "1.4.20",
   "description": "My new Nuxt module",
   "repository": "atomengine/atom-nuxt",
   "license": "MIT",