dev #84

Merged
ksenia_mikhailova merged 141 commits from dev into main 2024-10-03 15:30:24 +03:00
2 changed files with 24 additions and 8 deletions
Showing only changes of commit 1cd7865401 - Show all commits

View File

@ -323,6 +323,18 @@ button {
@apply w-full xl:w-auto flex-row xl:flex-initial flex-nowrap gap-4; @apply w-full xl:w-auto flex-row xl:flex-initial flex-nowrap gap-4;
} }
&_range {
@apply w-full;
>div {
@apply flex flex-nowrap w-full gap-2 items-center;
input {
@apply flex-grow;
}
}
}
&_color { &_color {
@apply w-full; @apply w-full;
} }

View File

@ -226,21 +226,25 @@ const calc_table = computed(() => {
</div> </div>
</div> </div>
<div class="form-row"> <div class="form-row">
<div class="form-item w-full"> <div class="form-item form-item_range w-full">
<label for="length">Длина ламельного блока, мм</label> <label for="length">Длина ламельного блока, мм</label>
<input :value.input="`${form_state.length.toFixed(0)} мм`" disabled class="w-full" /> <div>
<input id="length" type="range" class="xl:w-full" v-bind="parametric.length" v-model="form_state.length" <span>{{ form_state.length.toFixed(0) }}&nbsp;мм</span>
<input id="length" type="range" v-bind="parametric.length" v-model="form_state.length"
:disabled="form_state.auto_length" :ref="form_refs.length" /> :disabled="form_state.auto_length" :ref="form_refs.length" />
</div> </div>
</div> </div>
</div>
<div class="form-row"> <div class="form-row">
<div class="form-item w-full"> <div class="form-item form-item_range w-full">
<label for="height">Высота забора, мм</label> <label for="height">Высота забора, мм</label>
<input :value="`${form_state.height} мм`" class="w-full" disabled /> <div>
<input id="height" type="range" class="xl:w-full" v-bind="parametric.height" v-model="form_state.height" <span>{{ form_state.height }}&nbsp;мм</span>
<input id="height" type="range" v-bind="parametric.height" v-model="form_state.height"
:ref="form_refs.height" /> :ref="form_refs.height" />
</div> </div>
</div> </div>
</div>
<div class="form-row"> <div class="form-row">
<div class="form-item w-full"> <div class="form-item w-full">
<label for="total_length">Общая длина забора, м</label> <label for="total_length">Общая длина забора, м</label>