From 71b2f7c8dccccdaa017044f2c9cdcac4b199f656 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 2 Apr 2024 12:43:32 -0300
Subject: [PATCH] Remove col divs

---
 src/pages/Worker/Card/WorkerBasicData.vue | 142 +++++++++-------------
 1 file changed, 59 insertions(+), 83 deletions(-)

diff --git a/src/pages/Worker/Card/WorkerBasicData.vue b/src/pages/Worker/Card/WorkerBasicData.vue
index 08914d5f5..4b1c2ecac 100644
--- a/src/pages/Worker/Card/WorkerBasicData.vue
+++ b/src/pages/Worker/Card/WorkerBasicData.vue
@@ -75,101 +75,77 @@ const maritalStatus = [
     >
         <template #form="{ data }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput :label="t('Name')" clearable v-model="data.firstName" />
-                </div>
-                <div class="col">
-                    <VnInput :label="t('Last name')" clearable v-model="data.lastName" />
-                </div>
+                <VnInput :label="t('Name')" clearable v-model="data.firstName" />
+                <VnInput :label="t('Last name')" clearable v-model="data.lastName" />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        v-model="data.phone"
-                        :label="t('Business phone')"
-                        clearable
-                    />
-                </div>
-                <div class="col">
-                    <VnInput
-                        v-model="data.mobileExtension"
-                        :label="t('Mobile extension')"
-                        clearable
-                    />
-                </div>
+                <VnInput v-model="data.phone" :label="t('Business phone')" clearable />
+                <VnInput
+                    v-model="data.mobileExtension"
+                    :label="t('Mobile extension')"
+                    clearable
+                />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Boss')"
-                        :options="workersOptions"
-                        hide-selected
-                        option-label="nickname"
-                        option-value="id"
-                        v-model="data.bossFk"
-                    >
-                        <template #option="scope">
-                            <QItem v-bind="scope.itemProps">
-                                <QItemSection>
-                                    <QItemLabel>{{ scope.opt?.name }}</QItemLabel>
-                                    <QItemLabel caption>
-                                        {{ scope.opt?.nickname }},
-                                        {{ scope.opt?.code }}
-                                    </QItemLabel>
-                                </QItemSection>
-                            </QItem>
-                        </template>
-                    </VnSelectFilter>
-                </div>
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Marital status')"
-                        :options="maritalStatus"
-                        hide-selected
-                        option-label="name"
-                        option-value="code"
-                        v-model="data.maritalStatus"
-                    />
-                </div>
+                <VnSelectFilter
+                    :label="t('Boss')"
+                    :options="workersOptions"
+                    hide-selected
+                    option-label="nickname"
+                    option-value="id"
+                    v-model="data.bossFk"
+                >
+                    <template #option="scope">
+                        <QItem v-bind="scope.itemProps">
+                            <QItemSection>
+                                <QItemLabel>{{ scope.opt?.name }}</QItemLabel>
+                                <QItemLabel caption>
+                                    {{ scope.opt?.nickname }},
+                                    {{ scope.opt?.code }}
+                                </QItemLabel>
+                            </QItemSection>
+                        </QItem>
+                    </template>
+                </VnSelectFilter>
+                <VnSelectFilter
+                    :label="t('Marital status')"
+                    :options="maritalStatus"
+                    hide-selected
+                    option-label="name"
+                    option-value="code"
+                    v-model="data.maritalStatus"
+                />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Origin country')"
-                        :options="countriesOptions"
-                        hide-selected
-                        option-label="country"
-                        option-value="id"
-                        v-model="data.originCountryFk"
-                    />
-                </div>
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Education level')"
-                        :options="educationLevelsOptions"
-                        hide-selected
-                        option-label="name"
-                        option-value="id"
-                        v-model="data.educationLevelFk"
-                    />
-                </div>
+                <VnSelectFilter
+                    :label="t('Origin country')"
+                    :options="countriesOptions"
+                    hide-selected
+                    option-label="country"
+                    option-value="id"
+                    v-model="data.originCountryFk"
+                />
+                <VnSelectFilter
+                    :label="t('Education level')"
+                    :options="educationLevelsOptions"
+                    hide-selected
+                    option-label="name"
+                    option-value="id"
+                    v-model="data.educationLevelFk"
+                />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput v-model="data.SSN" :label="t('SSN')" clearable />
-                </div>
-                <div class="col">
-                    <VnInput
-                        v-model="data.locker"
-                        type="number"
-                        :label="t('Locker')"
-                        clearable
-                    />
-                </div>
+                <VnInput v-model="data.SSN" :label="t('SSN')" clearable />
+                <VnInput
+                    v-model="data.locker"
+                    type="number"
+                    :label="t('Locker')"
+                    clearable
+                />
             </VnRow>
         </template>
     </FormModel>