fix layout controstampo

This commit is contained in:
=
2020-06-12 14:56:02 +02:00
parent 4a17830c07
commit fd6648432f
6 changed files with 79 additions and 57 deletions
@@ -238,7 +238,7 @@ select:focus {
display: flex;
flex-flow: row nowrap;
padding: 4px;
padding: 0 4px;
align-items: center;
justify-content: stretch;
@@ -70,6 +70,10 @@
// align-items: center;
position: relative;
&.shrink {
flex-shrink: 2;
}
.slides {
width: 100%;
height: 160px;
@@ -357,6 +361,10 @@
box-sizing: border-box;
clear: both;
&.mb-10 {
margin-bottom: 10px;
}
&.transparent {
.body {
border: none;
@@ -391,6 +399,7 @@
flex-flow: column;
justify-items: center;
padding-bottom: 10px;
padding-top: 5px;
border: 2px solid #979797;
}
@@ -61,6 +61,9 @@
width: 100%;
position: relative;
}
.setup .modal section.body section article.shrink {
flex-shrink: 2;
}
.setup .modal section.body section article .slides {
width: 100%;
height: 160px;
@@ -287,6 +290,9 @@
box-sizing: border-box;
clear: both;
}
.box.mb-10 {
margin-bottom: 10px;
}
.box.transparent .body {
border: none;
}
@@ -315,6 +321,7 @@
flex-flow: column;
justify-items: center;
padding-bottom: 10px;
padding-top: 5px;
border: 2px solid #979797;
}
.box .submit {
@@ -5739,7 +5746,7 @@ select:focus {
border: none;
display: flex;
flex-flow: row nowrap;
padding: 4px;
padding: 0 4px;
align-items: center;
justify-content: stretch;
}
@@ -22,25 +22,25 @@
</div>
</aside>
<hr />
<article>
<article class="shrink">
<scheda
class="box-500"
class="box-500 mb-10"
:portata="recipe.upperplate_air_1_chart_setpointx"
:durata="recipe.upperplate_air_1_chart_setpointy"
></scheda>
<scheda
class="box-500"
class="box-500 mb-10"
:portata="recipe.upperplate_air_2_chart_setpointx"
:durata="recipe.upperplate_air_2_chart_setpointy"
></scheda>
<scheda
class="box-500"
class="box-500 mb-10"
:portata="recipe.upperplate_air_3_chart_setpointx"
:durata="recipe.upperplate_air_3_chart_setpointy"
></scheda>
</article>
<div class="specific">
<div class="box transparent">
<article>
<div class="box transparent center box-500">
<div class="body">
<div class="input-area">
<label>{{'upperplate_air_max_time'|localize('Durata massima')}}</label>
@@ -49,7 +49,7 @@
<slider v-model="recipe.upperplate_air_max_time"></slider>
</div>
</div>
</div>
</article>
</section>
</template>
@@ -1,33 +1,34 @@
<template>
<section>
<aside class="scrollable auto">
<div class="input-area">
<label>{{'upperplate_extraction_enable'|localize('Abilitazione')}}</label>
<toggle-button v-model="recipe.upperplate_extraction_enable.status.enabled"></toggle-button>
<div class="box transparent">
<div class="body">
<div class="input-area">
<label>{{'upperplate_extraction_enable'|localize('Abilitazione')}}</label>
<toggle-button v-model="recipe.upperplate_extraction_enable.status.enabled"></toggle-button>
</div>
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>{{'upperplate_extraction_delay'|localize('Ritardo')}}</label>
<numeric v-model="recipe.upperplate_extraction_delay" />
</div>
<slider v-model="recipe.upperplate_extraction_delay"></slider>
<div class="input-area">
<label>{{'upperplate_extraction_manual'|localize('Portata manuale')}}</label>
<numeric v-model="recipe.upperplate_extraction_manual" />
</div>
<slider v-model="recipe.upperplate_extraction_delay"></slider>
</div>
</div>
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>{{'upperplate_extraction_delay'|localize('Ritardo')}}</label>
<numeric v-model="recipe.upperplate_extraction_delay" />
</div>
<slider
v-model="recipe.upperplate_extraction_delay"
></slider>
<div class="input-area">
<label>{{'upperplate_extraction_manual'|localize('Portata manuale')}}</label>
<numeric v-model="recipe.upperplate_extraction_manual" />
</div>
<slider
v-model="recipe.upperplate_extraction_delay"
></slider>
</aside>
<hr />
<div class="specific">
<article class="shrink">
<scheda
class="box-500"
:portata="recipe.upperplate_extraction_1_chart_setpointx"
:durata="recipe.upperplate_extraction_1_chart_setpointy"
></scheda>
</div>
</article>
</section>
</template>
@@ -1,50 +1,55 @@
<template>
<section>
<aside class="scrollable auto">
<div class="input-area">
<label>{{'upperplate_vacuum_enable'|localize('Abilitazione')}}</label>
<toggle-button v-model="recipe.upperplate_vacuum_enable.status.enabled"></toggle-button>
<div class="box transparent">
<div class="body">
<div class="input-area">
<label>{{'upperplate_vacuum_enable'|localize('Abilitazione')}}</label>
<toggle-button v-model="recipe.upperplate_vacuum_enable.status.enabled"></toggle-button>
</div>
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>{{'upperplate_vacuum_delay'|localize('Ritardo')}}</label>
<numeric v-model="recipe.upperplate_vacuum_delay" />
</div>
<slider v-model="recipe.upperplate_vacuum_delay"></slider>
<div class="input-area">
<label>{{'upperplate_vacuum_manual'|localize('Portata manuale')}}</label>
<numeric v-model="recipe.upperplate_vacuum_manual" />
</div>
<slider v-model="recipe.upperplate_vacuum_delay"></slider>
</div>
</div>
<div class="input-area">
<img src="assets/icons/png/clessidra.png" />
<label>{{'upperplate_vacuum_delay'|localize('Ritardo')}}</label>
<numeric v-model="recipe.upperplate_vacuum_delay" />
</div>
<slider
v-model="recipe.upperplate_vacuum_delay"
></slider>
<div class="input-area">
<label>{{'upperplate_vacuum_manual'|localize('Portata manuale')}}</label>
<numeric v-model="recipe.upperplate_vacuum_manual" />
</div>
<slider
v-model="recipe.upperplate_vacuum_delay"
></slider>
</aside>
<hr />
<div class="specific">
<article class="shrink">
<scheda
class="box-500 mb-10"
:portata="recipe.upperplate_vacuum_1_chart_setpointx"
:durata="recipe.upperplate_vacuum_1_chart_setpointy"
></scheda>
<scheda
class="box-500 mb-10"
:portata="recipe.upperplate_vacuum_2_chart_setpointx"
:durata="recipe.upperplate_vacuum_2_chart_setpointy"
></scheda>
<scheda
class="box-500 mb-10"
:portata="recipe.upperplate_vacuum_3_chart_setpointx"
:durata="recipe.upperplate_vacuum_3_chart_setpointy"
></scheda>
</div>
<div class="specific">
<div class="input-area">
<label>{{'upperplate_vacuum_max_time'|localize('Durata massima')}}</label>
<numeric v-model="recipe.upperplate_vacuum_max_time" />
</article>
<article>
<div class="box transparent center box-500">
<div class="body">
<div class="input-area">
<label>{{'upperplate_vacuum_max_time'|localize('Durata massima')}}</label>
<numeric v-model="recipe.upperplate_vacuum_max_time" />
</div>
<slider v-model="recipe.upperplate_vacuum_max_time"></slider>
</div>
</div>
<slider
v-model="recipe.upperplate_vacuum_max_time"
></slider>
</div>
</article>
</section>
</template>