mns/mns-mini-zabor
mns
/
mns-mini-zabor
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dev #84

Merged
ksenia_mikhailova merged 141 commits from dev into main 2024-10-03 15:30:24 +03:00
Conversation 0 Commits 141 Files Changed 62 +24 -8
2 changed files with 24 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 1cd7865401 - Show all commits

12
assets/main.scss
View File

@ -323,6 +323,18 @@ button {
@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 {
@apply w-full;
}

20
components/calc/values.vue
View File

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