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

refs #6118 importSalixVariables #93

Merged
pablone merged 19 commits from 6118-responsiveFixes into dev 2023-10-30 10:32:15 +00:00
Conversation 0 Commits 19 Files Changed 4 +15 -9
3 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 7c20ee2a42 - Show all commits

8
src/components/FormModel.vue
View File

@ -138,13 +138,7 @@ watch(formUrl, async () => {
/> />
</template> </template>
<style lang="scss"> <style lang="scss" scopped>
pablone marked this conversation as resolved Outdated
juan commented 2023-09-22 08:12:59 +00:00
Outdated
Review
Copy Link

Declarar como scoped y usar un id

Declarar como scoped y usar un id
@media screen and (max-width: 800px) {
.q-card > div {
flex-direction: column;
}
}
.formModel { .formModel {
max-width: 800px; max-width: 800px;
width: 100%; width: 100%;

11
src/components/RowWrapper.vue Normal file
View File

@ -0,0 +1,11 @@
<script setup></script>
<template>
<div class="q-pa-md example-row-equal-width"></div>
</template>
<style lang="scss" scoped>
.formModel {
max-width: 800px;
width: 100%;
}
</style>

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

@ -6,6 +6,7 @@ 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 RowWrapper from 'components/RowWrapper.vue';
const route = useRoute(); const route = useRoute();
const { t } = useI18n(); const { t } = useI18n();
@ -61,7 +62,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 }">
<div class="row q-gutter-md q-mb-md"> <RowWrapper class="row q-gutter-md q-mb-md">
pablone marked this conversation as resolved Outdated
alexm commented 2023-10-26 10:56:22 +00:00
Outdated
Review
Copy Link

Aci

Aci
<div class="col"> <div class="col">
<QInput <QInput
v-model="data.socialName" v-model="data.socialName"
@ -83,7 +84,7 @@ const filterOptions = {
:input-debounce="0" :input-debounce="0"
/> />
</div> </div>
</div> </RowWrapper>
pablone marked this conversation as resolved Outdated
alexm commented 2023-10-26 10:56:25 +00:00
Outdated
Review
Copy Link

Aci

Aci
<div class="row q-gutter-md q-mb-md"> <div class="row q-gutter-md q-mb-md">
<div class="col"> <div class="col">
<QInput <QInput