components/calcValues.vue

@@ -177,8 +177,7 @@ const calc_table = computed(() => {
             <div class="form-row">
                 <div class="form-item w-full">
                     <label for="length">Длина ламельного блока, мм</label>
-                    <input :value.input="`${form_state.length.toFixed(0)} мм`" :disabled
+                    <input :value.input="`${form_state.length.toFixed(0)} мм`" disabled class="w-full" />
-                        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>
@@ -199,15 +198,15 @@ const calc_table = computed(() => {
                         Выбранный размер забора слишком мал для расчета стоимости. Пожалуйста, выберите больший
                         размер, чтобы продолжить.
                     </p>
-                    <p v-if="form_state.extra_section" class="text-ioprim">
-                        Внимание! Дополнительная секция приводит к увеличению стоимости.
-                        Рекомендуем вам включить автоподбор длины секции!
-                    </p>
                 </div>
                 <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>
+                <p v-if="form_state.extra_section" class="text-ioprim text-sm">
+                    Рекомендуем вам включить автоподбор длины секции
+                </p>
+
                 <div class="form-item form-item_checkbox">
                     <input id="remove_pillar" type="checkbox" v-model="form_state.remove_pillar" />
                     <label for="remove_pillar">Без столбов</label>
@@ -234,11 +233,13 @@ const calc_table = computed(() => {
             <div class="col-span-12 xl:col-span-6 xl:col-start-4 grid calc_table">
                 <div class="grid grid-cols-4 relative">
                     <template v-for="item in calc_table">
-                        <div class="col-span-3 calc_table-maincell">{{ show_extra && item.extra_name ? item.extra_name : item.name }}</div>
+                        <div class="col-span-3 calc_table-maincell">{{ show_extra && item.extra_name ? item.extra_name :
+                            item.name }}</div>
                         <div class="col-span-1 calc_table-maincell">{{ show_extra ? item.extra : item.value }}</div>
                     </template>
-                    <span class="text-ioprim absolute top-0 right-0 text-2xl cursor-pointer" v-if="form_state.extra_section"
+                    <span class="text-ioprim absolute top-0 right-0 text-2xl cursor-pointer"
-                        title="Дополнительная секция" @click="() => show_extra = !show_extra">
+                        v-if="form_state.extra_section" title="Дополнительная секция"
+                        @click="() => show_extra = !show_extra">
                         <Icon name="mdi:page-first" v-if="show_extra" />
                         <Icon name="mdi:page-last" v-else />
                     </span>

nuxt.config.ts

@@ -37,7 +37,7 @@ export default defineNuxtConfig({
     '/index.php': { redirect: '/' },
   },
   nitro: {
-    // minify: false,
+    minify: false,
     prerender: {
       crawlLinks: false
     },