verdnatura/salix-front
verdnatura
/
salix-front
2
2
Fork 1
Code Issues Pull Requests 77 Releases Wiki Activity

feat(app.scss): vn-horizontal flex direction column refs #6118
gitea/salix-front/pipeline/head This commit looks good Details

This commit is contained in:
Pablo Natek 2023-10-19 14:51:22 +02:00
parent 9dd69dbcb7
commit edf6de2510
4 changed files with 25 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/ui/VnRow.vue
View File

@ -1,12 +0,0 @@
<template>
<div id="row">
<slot></slot>
</div>
</template>
<style lang="scss" scopped>
@media screen and (max-width: 800px) {
#row {
flex-direction: column;
}
}
</style>

8
src/css/app.scss
View File

@ -39,3 +39,11 @@ body.body--dark {
--vn-gray: #313131;
--vn-label: #a8a8a8;
}
html [vn-horizontal],
vn-horizontal,
.vn-horizontal {
@media screen and (max-width: 800px) {
flex-direction: column;
}
}

17
src/pages/Claim/Card/ClaimBasicData.vue
View File

@ -6,7 +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 VnRow from 'components/ui/VnRow.vue';
const route = useRoute();
const { t } = useI18n();
@ -100,7 +99,7 @@ const statesFilter = {
model="claim"
>
<template #form="{ data, validate, filter }">
<VnRow class="row q-gutter-md q-mb-md">
<vn-horizontal class="row q-gutter-md q-mb-md">
<div class="col">
<QInput
v-model="data.client.name"
@ -137,8 +136,8 @@ const statesFilter = {
</template>
</QInput>
</div>
</VnRow>
<VnRow class="row q-gutter-md q-mb-md">
</vn-horizontal>
<vn-horizontal class="row q-gutter-md q-mb-md">
<div class="col">
<QSelect
v-model="data.workerFk"
@ -184,8 +183,8 @@ const statesFilter = {
>
</QSelect>
</div>
</VnRow>
<VnRow class="row q-gutter-md q-mb-md">
</vn-horizontal>
<vn-horizontal class="row q-gutter-md q-mb-md">
<div class="col">
<QInput
v-model.number="data.packages"
@ -201,15 +200,15 @@ const statesFilter = {
:rules="validate('claim.rma')"
/>
</div>
</VnRow>
<VnRow class="row q-gutter-md q-mb-md">
</vn-horizontal>
<vn-horizontal class="row q-gutter-md q-mb-md">
<div class="col">
<QCheckbox
v-model="data.hasToPickUp"
:label="t('claim.basicData.picked')"
/>
</div>
</VnRow>
</vn-horizontal>
</template>
</FormModel>
</div>

18
src/pages/Customer/Card/CustomerBasicData.vue
View File

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