wbuezas
/
salix-front-mindshore-fork2
forked from verdnatura/salix-front
0
0
Fork 0
Code Pull Requests Activity

Update Wagon forms

This commit is contained in:
Kevin Martinez 2023-11-29 23:53:35 -03:00
parent 78477ef362
commit be66b0b549
2 changed files with 44 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/pages/Wagon/Type/WagonTypeCreate.vue
View File

@ -239,8 +239,8 @@ function exceedMaxHeight(pos) {
<template>
<QPage class="q-pa-sm q-mx-xl">
<QCard class="q-pa-sm">
<QForm @submit="onSubmit()" @reset="onReset()" class="q-pa-md">
<QForm @submit="onSubmit()" @reset="onReset()" class="q-pa-sm">
<QCard class="q-pa-md">
<QInput
filled
v-model="name"
@ -309,16 +309,6 @@ function exceedMaxHeight(pos) {
<QIcon color="grey-6" name="trip_origin" size="3rem" />
<QIcon color="grey-6" name="trip_origin" size="3rem" />
</div>
<div>
<QBtn :label="t('wagon.type.submit')" type="submit" color="primary" />
<QBtn
:label="t('wagon.type.reset')"
type="reset"
color="primary"
flat
class="q-ml-sm"
/>
</div>
<QDialog
v-model="colorPickerActive"
position="right"
@ -346,8 +336,18 @@ function exceedMaxHeight(pos) {
</QCardSection>
</QCard>
</QDialog>
</QForm>
</QCard>
<div class="q-mt-md">
<QBtn :label="t('wagon.type.submit')" type="submit" color="primary" />
<QBtn
:label="t('wagon.type.reset')"
type="reset"
color="primary"
flat
class="q-ml-sm"
/>
</div>
</QForm>
</QPage>
</template>
@ -357,22 +357,27 @@ function exceedMaxHeight(pos) {
justify-content: center;
align-items: flex-start;
}
.q-card {
.q-form {
width: 70%;
}
.q-dialog {
.q-card {
width: 100%;
}
}
.wheels {
margin-left: 5%;
display: flex;
justify-content: space-around;
}
.wagon-tray {
display: flex;
height: 6rem;
.position {
width: 20%;
border-right: 1rem solid gray;
@ -381,21 +386,26 @@ function exceedMaxHeight(pos) {
justify-content: flex-end;
padding-right: 1rem;
}
.shelving {
display: flex;
width: 75%;
.shelving-half {
width: 50%;
height: 100%;
.shelving-up {
height: 80%;
width: 100%;
}
.shelving-down {
height: 20%;
width: 100%;
}
}
.shelving-divisible {
width: 1%;
height: 100%;
@ -403,6 +413,7 @@ function exceedMaxHeight(pos) {
border-right: 0.5rem dashed grey;
}
}
.action-button {
width: 10%;
border-left: 1rem solid gray;

15
src/pages/Wagon/WagonCreate.vue
View File

@ -86,9 +86,9 @@ function filterType(val, update) {
<template>
<QPage class="q-pa-sm q-mx-xl">
<QCard class="q-pa-sm">
<QForm @submit="onSubmit()" @reset="onReset()" class="q-pa-md">
<div class="row q-col-gutter-md q-mb-md">
<QForm @submit="onSubmit()" @reset="onReset()" class="q-pa-sm">
<QCard class="q-pa-md">
<div class="row q-col-gutter-md">
<div class="col">
<QInput
filled
@ -108,7 +108,7 @@ function filterType(val, update) {
/>
</div>
</div>
<div class="row q-col-gutter-md q-mb-md">
<div class="row q-col-gutter-md">
<div class="col">
<QInput
filled
@ -155,7 +155,8 @@ function filterType(val, update) {
</QSelect>
</div>
</div>
<div>
</QCard>
<div class="q-mt-md">
<QBtn :label="t('wagon.type.submit')" type="submit" color="primary" />
<QBtn
:label="t('wagon.type.reset')"
@ -166,7 +167,6 @@ function filterType(val, update) {
/>
</div>
</QForm>
</QCard>
</QPage>
</template>
@ -176,7 +176,8 @@ function filterType(val, update) {
justify-content: center;
align-items: flex-start;
}
.q-card {
.q-form {
width: 70%;
}
</style>