feat(vnRow): se cambia de vn-horizontal vnRow por el kebab case refs #6118
gitea/salix-front/pipeline/head This commit looks good Details

This commit is contained in:
Pablo Natek 2023-10-20 14:22:02 +02:00
parent edf6de2510
commit 8c3998ea40
3 changed files with 19 additions and 21 deletions

View File

@ -40,9 +40,9 @@ body.body--dark {
--vn-label: #a8a8a8; --vn-label: #a8a8a8;
} }
html [vn-horizontal], html [vnRow],
vn-horizontal, vnRow,
.vn-horizontal { .vnRow {
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
flex-direction: column; flex-direction: column;
} }

View File

@ -99,7 +99,7 @@ const statesFilter = {
model="claim" model="claim"
> >
<template #form="{ data, validate, filter }"> <template #form="{ data, validate, filter }">
<vn-horizontal class="row q-gutter-md q-mb-md"> <vnRow class="row q-gutter-md q-mb-md">
<div class="col"> <div class="col">
<QInput <QInput
v-model="data.client.name" v-model="data.client.name"
@ -136,8 +136,8 @@ const statesFilter = {
</template> </template>
</QInput> </QInput>
</div> </div>
</vn-horizontal> </vnRow>
<vn-horizontal class="row q-gutter-md q-mb-md"> <vnRow class="row q-gutter-md q-mb-md">
<div class="col"> <div class="col">
<QSelect <QSelect
v-model="data.workerFk" v-model="data.workerFk"
@ -183,8 +183,8 @@ const statesFilter = {
> >
</QSelect> </QSelect>
</div> </div>
</vn-horizontal> </vnRow>
<vn-horizontal class="row q-gutter-md q-mb-md"> <vnRow class="row q-gutter-md q-mb-md">
<div class="col"> <div class="col">
<QInput <QInput
v-model.number="data.packages" v-model.number="data.packages"
@ -200,15 +200,15 @@ const statesFilter = {
:rules="validate('claim.rma')" :rules="validate('claim.rma')"
/> />
</div> </div>
</vn-horizontal> </vnRow>
<vn-horizontal class="row q-gutter-md q-mb-md"> <vnRow class="row q-gutter-md q-mb-md">
<div class="col"> <div class="col">
<QCheckbox <QCheckbox
v-model="data.hasToPickUp" v-model="data.hasToPickUp"
:label="t('claim.basicData.picked')" :label="t('claim.basicData.picked')"
/> />
</div> </div>
</vn-horizontal> </vnRow>
</template> </template>
</FormModel> </FormModel>
</div> </div>

View File

@ -6,8 +6,6 @@ import { useI18n } from 'vue-i18n';
import { useSession } from 'src/composables/useSession'; import { useSession } from 'src/composables/useSession';
import FetchData from 'components/FetchData.vue'; import FetchData from 'components/FetchData.vue';
import FormModel from 'components/FormModel.vue'; import FormModel from 'components/FormModel.vue';
import vn-horizontal from 'components/ui/vn-horizontal.vue';
const route = useRoute(); const route = useRoute();
const { t } = useI18n(); const { t } = useI18n();
const session = useSession(); const session = useSession();
@ -62,7 +60,7 @@ const filterOptions = {
<div class="column items-center"> <div class="column items-center">
<FormModel :url="`Clients/${route.params.id}`" model="customer"> <FormModel :url="`Clients/${route.params.id}`" model="customer">
<template #form="{ data, validate, filter }"> <template #form="{ data, validate, filter }">
<vn-horizontal class="row q-gutter-md q-mb-md"> <vnRow class="row q-gutter-md q-mb-md">
<div class="col"> <div class="col">
<QInput <QInput
v-model="data.socialName" v-model="data.socialName"
@ -84,8 +82,8 @@ const filterOptions = {
:input-debounce="0" :input-debounce="0"
/> />
</div> </div>
</vn-horizontal> </vnRow>
<vn-horizontal class="row q-gutter-md q-mb-md"> <vnRow class="row q-gutter-md q-mb-md">
<div class="col"> <div class="col">
<QInput <QInput
v-model="data.contact" v-model="data.contact"
@ -103,8 +101,8 @@ const filterOptions = {
clearable clearable
/> />
</div> </div>
</vn-horizontal> </vnRow>
<vn-horizontal class="row q-gutter-md q-mb-md"> <vnRow class="row q-gutter-md q-mb-md">
<div class="col"> <div class="col">
<QInput <QInput
v-model="data.phone" v-model="data.phone"
@ -121,8 +119,8 @@ const filterOptions = {
clearable clearable
/> />
</div> </div>
</vn-horizontal> </vnRow>
<vn-horizontal class="row q-gutter-md q-mb-md"> <vnRow class="row q-gutter-md q-mb-md">
<div class="col"> <div class="col">
<QSelect <QSelect
v-model="data.salesPersonFk" v-model="data.salesPersonFk"
@ -163,7 +161,7 @@ const filterOptions = {
:input-debounce="0" :input-debounce="0"
/> />
</div> </div>
</vn-horizontal> </vnRow>
</template> </template>
</FormModel> </FormModel>
</div> </div>