adaptivity mobile

This commit is contained in:
Kseninia Mikhaylova 2024-06-19 17:10:22 +03:00
parent c3eb4c5e0a
commit 8648e7e4ab
2 changed files with 10 additions and 6 deletions

View File

@ -11,7 +11,7 @@ html {
}
body {
@apply bg-primary-500 select-none min-w-96;
@apply bg-primary-500 select-none min-w-80;
}
.container {
@ -168,6 +168,10 @@ button {
@apply text-neutral pointer-events-none cursor-not-allowed;
}
}
&_checkbox {
@apply w-full xl:w-auto flex-row xl:flex-initial flex-nowrap
}
}
}

View File

@ -132,7 +132,7 @@ const plurals = {
<div class="container py-4">
<ClientOnly fallback-tag="div" fallback="Загрузка 3D модели">
<form class="form">
<div class="col-span-6">
<div class="col-span-12 lg:col-span-6">
<div class="form-row">
<div class="form-item w-full">
<label for="length">Длина секции, мм</label>
@ -152,17 +152,17 @@ const plurals = {
<input type="number" id="total_length" v-bind="parametric.total_length"
v-model="form_state.total_length" :ref="form_refs.total_length" />
</div>
<div class="form-item">
<div class="form-item form-item_checkbox">
<input id="auto_length" type="checkbox" v-model="form_state.auto_length" />
<label for="auto_length">Автоматический подбор секции</label>
</div>
<div class="form-item">
<div class="form-item form-item_checkbox">
<input id="remove_pillar" type="checkbox" v-model="form_state.remove_pillar" />
<label for="remove_pillar">Без столбов</label>
</div>
</div>
</div>
<div class="col-span-6">
<div class="col-span-12 lg:col-span-6">
<div class="form-row">
<div class="form-item">
<label for="lamelle_color">Цвет ламелей</label>
@ -190,7 +190,7 @@ const plurals = {
</div>
</div>
</div>
<div class="col-span-8 prose min-w-full">
<div class="col-span-12 lg:col-span-8 prose min-w-full">
<p>
Забор общей длиной {{ form_state.total_length }}{{ '\xa0' }}м,
{{ section_count }}