0
0
Fork 0

Remove col divs

This commit is contained in:
William Buezas 2024-04-02 12:43:32 -03:00
parent addbe9345b
commit 71b2f7c8dc
1 changed files with 59 additions and 83 deletions

View File

@ -75,33 +75,20 @@ const maritalStatus = [
> >
<template #form="{ data }"> <template #form="{ data }">
<VnRow class="row q-gutter-md q-mb-md"> <VnRow class="row q-gutter-md q-mb-md">
<div class="col">
<VnInput :label="t('Name')" clearable v-model="data.firstName" /> <VnInput :label="t('Name')" clearable v-model="data.firstName" />
</div>
<div class="col">
<VnInput :label="t('Last name')" clearable v-model="data.lastName" /> <VnInput :label="t('Last name')" clearable v-model="data.lastName" />
</div>
</VnRow> </VnRow>
<VnRow class="row q-gutter-md q-mb-md"> <VnRow class="row q-gutter-md q-mb-md">
<div class="col"> <VnInput v-model="data.phone" :label="t('Business phone')" clearable />
<VnInput
v-model="data.phone"
:label="t('Business phone')"
clearable
/>
</div>
<div class="col">
<VnInput <VnInput
v-model="data.mobileExtension" v-model="data.mobileExtension"
:label="t('Mobile extension')" :label="t('Mobile extension')"
clearable clearable
/> />
</div>
</VnRow> </VnRow>
<VnRow class="row q-gutter-md q-mb-md"> <VnRow class="row q-gutter-md q-mb-md">
<div class="col">
<VnSelectFilter <VnSelectFilter
:label="t('Boss')" :label="t('Boss')"
:options="workersOptions" :options="workersOptions"
@ -122,8 +109,6 @@ const maritalStatus = [
</QItem> </QItem>
</template> </template>
</VnSelectFilter> </VnSelectFilter>
</div>
<div class="col">
<VnSelectFilter <VnSelectFilter
:label="t('Marital status')" :label="t('Marital status')"
:options="maritalStatus" :options="maritalStatus"
@ -132,11 +117,9 @@ const maritalStatus = [
option-value="code" option-value="code"
v-model="data.maritalStatus" v-model="data.maritalStatus"
/> />
</div>
</VnRow> </VnRow>
<VnRow class="row q-gutter-md q-mb-md"> <VnRow class="row q-gutter-md q-mb-md">
<div class="col">
<VnSelectFilter <VnSelectFilter
:label="t('Origin country')" :label="t('Origin country')"
:options="countriesOptions" :options="countriesOptions"
@ -145,8 +128,6 @@ const maritalStatus = [
option-value="id" option-value="id"
v-model="data.originCountryFk" v-model="data.originCountryFk"
/> />
</div>
<div class="col">
<VnSelectFilter <VnSelectFilter
:label="t('Education level')" :label="t('Education level')"
:options="educationLevelsOptions" :options="educationLevelsOptions"
@ -155,21 +136,16 @@ const maritalStatus = [
option-value="id" option-value="id"
v-model="data.educationLevelFk" v-model="data.educationLevelFk"
/> />
</div>
</VnRow> </VnRow>
<VnRow class="row q-gutter-md q-mb-md"> <VnRow class="row q-gutter-md q-mb-md">
<div class="col">
<VnInput v-model="data.SSN" :label="t('SSN')" clearable /> <VnInput v-model="data.SSN" :label="t('SSN')" clearable />
</div>
<div class="col">
<VnInput <VnInput
v-model="data.locker" v-model="data.locker"
type="number" type="number"
:label="t('Locker')" :label="t('Locker')"
clearable clearable
/> />
</div>
</VnRow> </VnRow>
</template> </template>
</FormModel> </FormModel>