From e74c7948227cc8b6861b7739d53d8c6861e54d70 Mon Sep 17 00:00:00 2001
From: sbb45 <shalok714@gmail.com>
Date: Wed, 17 Jun 2026 21:53:48 +0500
Subject: [PATCH] gap

---
 public/icons/max.svg          |  2 +-
 public/icons/vk.svg           |  2 +-
 src/app/main.styled.ts        |  6 ++++++
 src/app/page.tsx              |  8 ++++----
 src/components/HeaderPage.tsx | 14 ++++++++++----
 src/styles/modal.styled.ts    |  2 +-
 6 files changed, 23 insertions(+), 11 deletions(-)

diff --git a/public/icons/max.svg b/public/icons/max.svg
index f83e6a2..4f00053 100644
--- a/public/icons/max.svg
+++ b/public/icons/max.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 720"><path fill="#fff" d="M350.4,9.6C141.8,20.5,4.1,184.1,12.8,390.4c3.8,90.3,40.1,168,48.7,253.7,2.2,22.2-4.2,49.6,21.4,59.3,31.5,11.9,79.8-8.1,106.2-26.4,9-6.1,17.6-13.2,24.2-22,27.3,18.1,53.2,35.6,85.7,43.4,143.1,34.3,299.9-44.2,369.6-170.3C799.6,291.2,622.5-4.6,350.4,9.6h0ZM269.4,504c-11.3,8.8-22.2,20.8-34.7,27.7-18.1,9.7-23.7-.4-30.5-16.4-21.4-50.9-24-137.6-11.5-190.9,16.8-72.5,72.9-136.3,150-143.1,78-6.9,150.4,32.7,183.1,104.2,72.4,159.1-112.9,316.2-256.4,218.6h0Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-60 -30 920 780"><path fill="#fff" d="M350.4,9.6C141.8,20.5,4.1,184.1,12.8,390.4c3.8,90.3,40.1,168,48.7,253.7,2.2,22.2-4.2,49.6,21.4,59.3,31.5,11.9,79.8-8.1,106.2-26.4,9-6.1,17.6-13.2,24.2-22,27.3,18.1,53.2,35.6,85.7,43.4,143.1,34.3,299.9-44.2,369.6-170.3C799.6,291.2,622.5-4.6,350.4,9.6h0ZM269.4,504c-11.3,8.8-22.2,20.8-34.7,27.7-18.1,9.7-23.7-.4-30.5-16.4-21.4-50.9-24-137.6-11.5-190.9,16.8-72.5,72.9-136.3,150-143.1,78-6.9,150.4,32.7,183.1,104.2,72.4,159.1-112.9,316.2-256.4,218.6h0Z"/></svg>
diff --git a/public/icons/vk.svg b/public/icons/vk.svg
index 93e327c..73be283 100644
--- a/public/icons/vk.svg
+++ b/public/icons/vk.svg
@@ -1,3 +1,3 @@
-<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="100" height="100" viewBox="-12 -12 124 124" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.02944 7.02944C0 14.0589 0 25.3726 0 48V52C0 74.6274 0 85.9411 7.02944 92.9706C14.0589 100 25.3726 100 48 100H52C74.6274 100 85.9411 100 92.9706 92.9706C100 85.9411 100 74.6274 100 52V48C100 25.3726 100 14.0589 92.9706 7.02944C85.9411 0 74.6274 0 52 0H48C25.3726 0 14.0589 0 7.02944 7.02944ZM16.8752 30.4169C17.4168 56.4169 30.4167 72.0418 53.2084 72.0418H54.5003V57.1668C62.8753 58.0001 69.2082 64.1252 71.7498 72.0418H83.5835C80.3335 60.2085 71.7914 53.6668 66.4581 51.1668C71.7914 48.0835 79.2914 40.5835 81.0831 30.4169H70.3328C67.9995 38.6669 61.0836 46.1668 54.5003 46.8751V30.4169H43.7499V59.2501C37.0833 57.5835 28.6668 49.5002 28.2918 30.4169H16.8752Z" fill="white"/>
 </svg>
diff --git a/src/app/main.styled.ts b/src/app/main.styled.ts
index 1303a8f..f65fdad 100644
--- a/src/app/main.styled.ts
+++ b/src/app/main.styled.ts
@@ -529,6 +529,12 @@ export const HeaderBlock = styled.div`
     .tgLink{
         margin: 0 12px 0 8px;
     }
+    .vkLink{
+        margin: 0 6px 0 8px;
+    }
+    .maxLink{
+        margin: 0 8px 0 6px;
+    }
     .footerPhone{
         
         h4{
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9d888b8..29c0552 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -136,12 +136,12 @@ export default function Home() {
                             <Image src="/icons/tg.png" alt="tg" width={48} height={48} loading="lazy" />
                         )}
 
-                        <Link href="https://vk.ru" target="_blank">
-                            <Image src="/icons/vk.svg" alt="vk" width={52} height={52} loading="lazy" />
+                        <Link href="https://vk.ru" className="vkLink" target="_blank">
+                            <Image src="/icons/vk.svg" alt="vk" width={44} height={44} loading="lazy" />
                         </Link>
 
-                        <Link href="https://max.ru" target="_blank">
-                            <Image src="/icons/max.svg" alt="max" width={52} height={52} loading="lazy" />
+                        <Link href="https://max.ru" className="maxLink" target="_blank">
+                            <Image src="/icons/max.svg" alt="max" width={44} height={44} loading="lazy" />
                         </Link>
 
                         {gis2 ? (
diff --git a/src/components/HeaderPage.tsx b/src/components/HeaderPage.tsx
index 0835035..26c08c8 100644
--- a/src/components/HeaderPage.tsx
+++ b/src/components/HeaderPage.tsx
@@ -85,6 +85,12 @@ const HeaderBlock = styled.div`
     .tgLink{
         margin: 0 12px 0 8px;
     }
+    .vkLink{
+        margin: 0 6px 0 8px;
+    }
+    .maxLink{
+        margin: 0 8px 0 6px;
+    }
     &.desktopOnly {
         @media (max-width: 900px) {
             display: none;
@@ -225,12 +231,12 @@ const HeaderPage: React.FC<HeaderPageProps> = ({tg, gis2, phone}) => {
                     </Link>
                 )}
 
-                <Link href="https://vk.ru" className="headerImage" target="_blank">
-                    <Image src="/icons/vk.svg" alt="vk" width={52} height={52} loading="lazy" />
+                <Link href="https://vk.ru" className="vkLink headerImage" target="_blank">
+                    <Image src="/icons/vk.svg" alt="vk" width={44} height={44} loading="lazy" />
                 </Link>
 
-                <Link href="https://max.ru" className="headerImage" target="_blank">
-                    <Image src="/icons/max.svg" alt="max" width={52} height={52} loading="lazy" />
+                <Link href="https://max.ru" className="maxLink headerImage" target="_blank">
+                    <Image src="/icons/max.svg" alt="max" width={44} height={44} loading="lazy" />
                 </Link>
 
                 <HeaderPhone>
diff --git a/src/styles/modal.styled.ts b/src/styles/modal.styled.ts
index 29f6e1e..6cc21ec 100644
--- a/src/styles/modal.styled.ts
+++ b/src/styles/modal.styled.ts
@@ -24,7 +24,7 @@ export const ModalWrapper = styled.div<{ $animateIn: boolean; $compact?: boolean
     border-radius: 20px;
     width: 70vw;
     height: ${({ $compact }) => $compact ? 'auto' : '94vh'};
-    max-height: ${({ $compact }) => $compact ? '80vh' : 'none'};
+    max-height: ${({ $compact }) => $compact ? '90vh' : 'none'};
     overflow-y: ${({ $compact }) => $compact ? 'auto' : 'visible'};
     position: relative;
     opacity: ${({ $animateIn }) => ($animateIn ? 1 : 0)};