From f6c4ac8dd167487a98ad48b3f4b8d4209427b1f5 Mon Sep 17 00:00:00 2001
From: Kseninia Mikhaylova <k.mikhailova@svs-tech.pro>
Date: Thu, 25 Jul 2024 13:24:04 +0300
Subject: [PATCH] remove hydr error

---
 assets/main.scss      | 5 +++++
 components/footer.vue | 2 +-
 components/modal.vue  | 3 ++-
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/assets/main.scss b/assets/main.scss
index 6c23270..454381e 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -12,6 +12,7 @@ html {
 
 body {
     @apply select-none min-w-80 font-sans;
+
     &.modal-opened {
         @apply overflow-hidden;
     }
@@ -188,6 +189,10 @@ a[href^="#"] {
         >.container {
             @apply items-start;
         }
+
+        a[href^="tel://"] {
+            @apply whitespace-nowrap
+        }
     }
 
     &-content {
diff --git a/components/footer.vue b/components/footer.vue
index 7797b2f..fbefcc4 100644
--- a/components/footer.vue
+++ b/components/footer.vue
@@ -26,7 +26,7 @@ const { data: social_networkData } = await apiFetch<ApiSocial_networkType[]>(`so
                 <div class="col-span-12 lg:col-span-6 xl:col-span-6 mb-12 lg:mb-0">
                     <template v-for="item in footerData">
                         <div class="footer-text" v-if="!item.small_text">
-                            <template v-for="p in item.text.split('\n')">
+                            <template v-for="p in item.text.replace(/\r\n/g, '\n').split('\n')">
                                 <p v-if="p.trim().length">{{ p }}</p>
                             </template>
                         </div>
diff --git a/components/modal.vue b/components/modal.vue
index a43fd0b..e64d4a5 100644
--- a/components/modal.vue
+++ b/components/modal.vue
@@ -252,7 +252,8 @@ const policy = () => {
                     </template>
                 </div>
                 <div class="flex gap-4 justify-center">
-                    <button class="not-prose" @click="openForm">Отправить расчет на <nobr>e-mail</nobr></button>
+                    <button class="not-prose" @click="openForm">Отправить расчет на <span
+                            class="whitespace-nowrap">e-mail</span></button>
                 </div>
             </template>
         </div>