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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
assets/main.scss
View File

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

10
components/calcValues.vue
View File

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