diff --git a/assets/main.scss b/assets/main.scss index e365143..6c23270 100644 --- a/assets/main.scss +++ b/assets/main.scss @@ -12,6 +12,9 @@ html { body { @apply select-none min-w-80 font-sans; + &.modal-opened { + @apply overflow-hidden; + } } .container { @@ -210,7 +213,7 @@ a[href^="#"] { &-image { @apply max-w-full max-h-full aspect-square overflow-hidden col-span-1 pr-4; - img{ + img { @apply rounded-full bg-slate-300 } } @@ -247,6 +250,10 @@ a[href^="#"] { } } + &-content { + @apply max-h-[66vh] overflow-auto; + } + h2 { @apply px-6 text-2xl text-center; } diff --git a/components/calcValues.vue b/components/calcValues.vue index d7af960..62f213a 100644 --- a/components/calcValues.vue +++ b/components/calcValues.vue @@ -51,12 +51,7 @@ const form_refs = { } const changeParametres = () => { - console.log(form_state.total_length * 1000, copy_form_state.total_length * 1000) - - if ((form_state.total_length * 1000) <= (parametric.length.min + parametric.height.step)) { - form_state.total_length = (parametric.length.min + parametric.height.step) / 1000 - // return - } + // console.log(form_state.total_length * 1000, copy_form_state.total_length * 1000) const lamelles = Math.floor(form_state.height / parametric.height.step) @@ -79,6 +74,7 @@ const changeParametres = () => { let { fence_length, total_length_mm, auto_length, length, full_sections } = form_state length = parseFloat(length.toString()) + if (total_length_mm < parametric.length.min) total_length_mm = parametric.length.min if (auto_length) { let w = parametric.length.min @@ -137,6 +133,11 @@ watch(() => form_state, changeParametres, { deep: true }) const isModalOpen = useState('modal_open', () => false) const toggleModal = () => { isModalOpen.value = !isModalOpen.value + if(isModalOpen.value == true) { + document.body.classList.add('modal-opened') + } else { + document.body.classList.remove('modal-opened') + } } const goal = (target: string, params: object) => { const nuxtApp = useNuxtApp() @@ -152,13 +153,13 @@ const goal = (target: string, params: object) => {
- +
- +
@@ -188,6 +189,9 @@ const goal = (target: string, params: object) => { v-model="form_state.total_length" :ref="form_refs.total_length" />
+

+ Выбранный размер забора слишком мал для расчета стоимости. Пожалуйста, выберите больший размер, чтобы продолжить. +

Внимание! Дополнительная секция приводит к увеличению стоимости. Рекомендуем вам изменить длину забора или длину секции! diff --git a/components/modal.vue b/components/modal.vue index 76e2c70..c362e87 100644 --- a/components/modal.vue +++ b/components/modal.vue @@ -208,7 +208,7 @@ const policy = () => {