From 04f610790930853fcb9e8690ffb4da83a71fdf0b Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Thu, 7 Nov 2024 14:38:54 +0100
Subject: [PATCH] fix: refs #7529 fix scss

---
 src/components/FormModel.vue        |  6 +++++-
 src/pages/Worker/Card/WorkerPit.vue | 11 +++++++----
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/components/FormModel.vue b/src/components/FormModel.vue
index c668769e5..bfb470c48 100644
--- a/src/components/FormModel.vue
+++ b/src/components/FormModel.vue
@@ -91,6 +91,10 @@ const $props = defineProps({
         type: Boolean,
         default: true,
     },
+    maxWidth: {
+        type: [String, Boolean],
+        default: '800px',
+    },
 });
 const emit = defineEmits(['onFetch', 'onDataSaved']);
 const modelValue = computed(
@@ -283,6 +287,7 @@ defineExpose({
             @submit="save"
             @reset="reset"
             class="q-pa-md"
+            :style="maxWidth ? 'max-width: ' + maxWidth : ''"
             id="formModel"
         >
             <QCard>
@@ -371,7 +376,6 @@ defineExpose({
     color: black;
 }
 #formModel {
-    max-width: 800px;
     width: 100%;
 }
 
diff --git a/src/pages/Worker/Card/WorkerPit.vue b/src/pages/Worker/Card/WorkerPit.vue
index 97f8289a5..4ad7f2b9e 100644
--- a/src/pages/Worker/Card/WorkerPit.vue
+++ b/src/pages/Worker/Card/WorkerPit.vue
@@ -58,6 +58,8 @@ const deleteRelative = async (id) => {
         :filter="{ where: { workerFk: route.params.id } }"
         auto-load
         data-key="workerIrpfs"
+        :max-width="false"
+        :data-required="{ workerFk: route.params.id }"
     >
         <template #form="{ data }">
             <QCard class="q-px-lg q-py-lg">
@@ -149,10 +151,10 @@ const deleteRelative = async (id) => {
                                 />
                             </QBtnGroup>
                         </div>
-                        <VnRow
+                        <div
                             v-for="(row, index) in rows"
                             :key="index"
-                            class="row q-gutter-lg q-mb-lg"
+                            class="row no-wrap q-mb-lg q-gutter-lg"
                             padding="none"
                         >
                             <VnSelect
@@ -162,6 +164,7 @@ const deleteRelative = async (id) => {
                                 ]"
                                 :label="t('isDescendant')"
                                 v-model="row.isDescendant"
+                                class="q-gutter-xs q-mb-xs"
                             />
                             <VnSelect
                                 :label="t('disabilityGrades')"
@@ -169,7 +172,7 @@ const deleteRelative = async (id) => {
                                 option-label="description"
                                 option-value="id"
                                 v-model="row.disabilityGradeFk"
-                                padding="none"
+                                class="q-gutter-xs q-mb-xs"
                             />
                             <VnInput
                                 type="number"
@@ -199,7 +202,7 @@ const deleteRelative = async (id) => {
                                 icon="delete"
                                 style="flex: 0"
                             />
-                        </VnRow>
+                        </div>
                         <VnRow class="justify-left items-center">
                             <QBtn
                                 @click="insertTag(rows)"