forked from verdnatura/salix-front
feat(vnRow): se cambia de vn-horizontal vnRow por el kebab case refs #6118
This commit is contained in:
parent
edf6de2510
commit
8c3998ea40
|
@ -40,9 +40,9 @@ body.body--dark {
|
|||
--vn-label: #a8a8a8;
|
||||
}
|
||||
|
||||
html [vn-horizontal],
|
||||
vn-horizontal,
|
||||
.vn-horizontal {
|
||||
html [vnRow],
|
||||
vnRow,
|
||||
.vnRow {
|
||||
@media screen and (max-width: 800px) {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
|
|
@ -99,7 +99,7 @@ const statesFilter = {
|
|||
model="claim"
|
||||
>
|
||||
<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">
|
||||
<QInput
|
||||
v-model="data.client.name"
|
||||
|
@ -136,8 +136,8 @@ const statesFilter = {
|
|||
</template>
|
||||
</QInput>
|
||||
</div>
|
||||
</vn-horizontal>
|
||||
<vn-horizontal class="row q-gutter-md q-mb-md">
|
||||
</vnRow>
|
||||
<vnRow class="row q-gutter-md q-mb-md">
|
||||
<div class="col">
|
||||
<QSelect
|
||||
v-model="data.workerFk"
|
||||
|
@ -183,8 +183,8 @@ const statesFilter = {
|
|||
>
|
||||
</QSelect>
|
||||
</div>
|
||||
</vn-horizontal>
|
||||
<vn-horizontal class="row q-gutter-md q-mb-md">
|
||||
</vnRow>
|
||||
<vnRow class="row q-gutter-md q-mb-md">
|
||||
<div class="col">
|
||||
<QInput
|
||||
v-model.number="data.packages"
|
||||
|
@ -200,15 +200,15 @@ const statesFilter = {
|
|||
:rules="validate('claim.rma')"
|
||||
/>
|
||||
</div>
|
||||
</vn-horizontal>
|
||||
<vn-horizontal class="row q-gutter-md q-mb-md">
|
||||
</vnRow>
|
||||
<vnRow class="row q-gutter-md q-mb-md">
|
||||
<div class="col">
|
||||
<QCheckbox
|
||||
v-model="data.hasToPickUp"
|
||||
:label="t('claim.basicData.picked')"
|
||||
/>
|
||||
</div>
|
||||
</vn-horizontal>
|
||||
</vnRow>
|
||||
</template>
|
||||
</FormModel>
|
||||
</div>
|
||||
|
|
|
@ -6,8 +6,6 @@ import { useI18n } from 'vue-i18n';
|
|||
import { useSession } from 'src/composables/useSession';
|
||||
import FetchData from 'components/FetchData.vue';
|
||||
import FormModel from 'components/FormModel.vue';
|
||||
import vn-horizontal from 'components/ui/vn-horizontal.vue';
|
||||
|
||||
const route = useRoute();
|
||||
const { t } = useI18n();
|
||||
const session = useSession();
|
||||
|
@ -62,7 +60,7 @@ const filterOptions = {
|
|||
<div class="column items-center">
|
||||
<FormModel :url="`Clients/${route.params.id}`" model="customer">
|
||||
<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">
|
||||
<QInput
|
||||
v-model="data.socialName"
|
||||
|
@ -84,8 +82,8 @@ const filterOptions = {
|
|||
:input-debounce="0"
|
||||
/>
|
||||
</div>
|
||||
</vn-horizontal>
|
||||
<vn-horizontal class="row q-gutter-md q-mb-md">
|
||||
</vnRow>
|
||||
<vnRow class="row q-gutter-md q-mb-md">
|
||||
<div class="col">
|
||||
<QInput
|
||||
v-model="data.contact"
|
||||
|
@ -103,8 +101,8 @@ const filterOptions = {
|
|||
clearable
|
||||
/>
|
||||
</div>
|
||||
</vn-horizontal>
|
||||
<vn-horizontal class="row q-gutter-md q-mb-md">
|
||||
</vnRow>
|
||||
<vnRow class="row q-gutter-md q-mb-md">
|
||||
<div class="col">
|
||||
<QInput
|
||||
v-model="data.phone"
|
||||
|
@ -121,8 +119,8 @@ const filterOptions = {
|
|||
clearable
|
||||
/>
|
||||
</div>
|
||||
</vn-horizontal>
|
||||
<vn-horizontal class="row q-gutter-md q-mb-md">
|
||||
</vnRow>
|
||||
<vnRow class="row q-gutter-md q-mb-md">
|
||||
<div class="col">
|
||||
<QSelect
|
||||
v-model="data.salesPersonFk"
|
||||
|
@ -163,7 +161,7 @@ const filterOptions = {
|
|||
:input-debounce="0"
|
||||
/>
|
||||
</div>
|
||||
</vn-horizontal>
|
||||
</vnRow>
|
||||
</template>
|
||||
</FormModel>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue