From 21c014281e11b4d563f76349204c6885c2022422 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=97=D0=B5=D0=BB=D0=B5=D0=BD=D1=81=D0=BA=D0=B0=D1=8F=20?=
 =?UTF-8?q?=D0=90=D0=BD=D0=B0=D1=81=D1=82=D0=B0=D1=81=D0=B8=D1=8F=20=D0=9D?=
 =?UTF-8?q?=D0=B8=D0=BA=D0=BE=D0=BB=D0=B0=D0=B5=D0=B2=D0=BD=D0=B0?=
 <a.zelenskaya@svs-tech.pro>
Date: Tue, 23 Jul 2024 10:41:42 +0300
Subject: [PATCH 1/4] main

---
 assets/main.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/main.scss b/assets/main.scss
index 31c8153..85fcbc6 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -72,7 +72,7 @@ body {
     }
 
     &.toggle_visible {
-        @apply max-xl:flex max-xl:flex-col max-xl:text-center;
+        @apply max-xl:flex max-xl:flex-col max-xl:text-left;
 
         a {
             @apply max-xl:mb-2;
-- 
2.40.1


From 3445acbcdfe493899801e8d92c8edea7c2e8bebe Mon Sep 17 00:00:00 2001
From: Kseninia Mikhaylova <k.mikhailova@svs-tech.pro>
Date: Tue, 23 Jul 2024 10:52:27 +0300
Subject: [PATCH 2/4] table

---
 components/calcValues.vue | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/components/calcValues.vue b/components/calcValues.vue
index b8abffd..e317ab0 100644
--- a/components/calcValues.vue
+++ b/components/calcValues.vue
@@ -151,13 +151,13 @@ const goal = (target: string, params: object) => {
                     <div class="form-item w-full">
                         <label for="length">Длина ламельного блока, мм</label>
                         <input disabled :value="`${form_state.length} мм`" class="w-28" />
-                        <input id="length" type="range" class="w-full" v-bind="parametric.length"
+                        <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>
                     <div class="form-item w-full">
                         <label for="height">Высота забора, мм</label>
                         <input disabled :value="`${form_state.height} мм`" class="w-28" />
-                        <input id="height" type="range" class="w-full" v-bind="parametric.height"
+                        <input id="height" type="range" class="xl:w-full" v-bind="parametric.height"
                             v-model="form_state.height" :ref="form_refs.height" />
                     </div>
                 </div>
@@ -208,30 +208,30 @@ const goal = (target: string, params: object) => {
                     <div class="grid grid-cols-6">
                         <div class="col-span-4 calc_table-maincell">Секции</div>
                         <div class="col-span-2 calc_table-maincell">{{ section_count }}</div>
-                        <div class="col-span-4">
+                        <div class="col-span-6 xl:col-span-4">
                             Ламели, RAL {{ lamelle_color }}, {{ getColorNameFromRal(lamelle_color)?.toLowerCase() }}
                         </div>
-                        <div class="col-span-1">{{ section_count * lamelles_count }}</div>
-                        <div class="col-span-1">
+                        <div class="col-span-3 xl:col-span-1">{{ section_count * lamelles_count }}</div>
+                        <div class="col-span-3 xl:col-span-1">
                             {{ `${parseFloat(form_state.length.toString()).toFixed(2)}\xa0мм` }}</div>
                         <template v-if="!form_state.remove_pillar">
-                            <div class="col-span-4">Столбы, RAL {{ pillar_color }}, {{
+                            <div class="col-span-6 xl:col-span-4">Столбы, RAL {{ pillar_color }}, {{
                                 getColorNameFromRal(pillar_color)?.toLowerCase() }}</div>
-                            <div class="col-span-1">
+                            <div class="col-span-3 xl:col-span-1">
                                 {{ section_count + ~~(!!form_state.extra_section) + 1 }}
                             </div>
-                            <div class="col-span-1">
+                            <div class="col-span-3 xl:col-span-1">
                                 {{ `${parseFloat(form_state.fence_length.toString()).toFixed(2)}\xa0мм` }}
                             </div>
                         </template>
                         <template v-if="form_state.extra_section">
                             <div class="col-span-4 calc_table-maincell">Секции</div>
                             <div class="col-span-2 calc_table-maincell">1</div>
-                            <div class="col-span-4">
+                            <div class="col-span-6 xl:col-span-4">
                                 Ламели, RAL {{ lamelle_color }}, {{ getColorNameFromRal(lamelle_color)?.toLowerCase() }}
                             </div>
-                            <div class="col-span-1">{{ 1 * lamelles_count }}</div>
-                            <div class="col-span-1">{{
+                            <div class="col-span-3 xl:col-span-1">{{ 1 * lamelles_count }}</div>
+                            <div class="col-span-3 xl:col-span-1">{{
                                 `${parseFloat(form_state.extra_section.toString()).toFixed(2)}\xa0мм` }}</div>
                         </template>
                     </div>
-- 
2.40.1


From 603fbb24b712c361edae3b9c7adab829f509db27 Mon Sep 17 00:00:00 2001
From: Kseninia Mikhaylova <k.mikhailova@svs-tech.pro>
Date: Tue, 23 Jul 2024 11:00:44 +0300
Subject: [PATCH 3/4] range

---
 assets/main.scss | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/assets/main.scss b/assets/main.scss
index 85fcbc6..b76f327 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -216,7 +216,7 @@ a[href^="#"] {
     }
 
     &-title {
-        @apply col-span-4 font-bold text-lg text-end mt-4;
+        @apply col-span-4 font-bold text-lg text-end xl:mt-4 mb-4 xl:mb-0;
     }
 }
 
@@ -302,6 +302,10 @@ button {
         &_checkbox {
             @apply w-full xl:w-auto flex-row xl:flex-initial flex-nowrap
         }
+
+        input[type=range] {
+            @apply min-w-[calc(100%-8rem)] xl:min-w-min;
+        }
     }
 }
 
-- 
2.40.1


From 04758bf4ee4de734ca0577843b42596fbbd54888 Mon Sep 17 00:00:00 2001
From: Kseninia Mikhaylova <k.mikhailova@svs-tech.pro>
Date: Tue, 23 Jul 2024 11:06:26 +0300
Subject: [PATCH 4/4] justify calc

---
 assets/main.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/main.scss b/assets/main.scss
index b76f327..2923943 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -285,7 +285,7 @@ button {
     }
 
     &-item {
-        @apply flex flex-row gap-4 items-center justify-center flex-wrap xl:flex-nowrap;
+        @apply flex flex-row gap-4 items-center justify-start xl:justify-center flex-wrap xl:flex-nowrap;
 
         label {
             @apply w-full xl:w-auto;
-- 
2.40.1