From b2469b2e109b382f2e6b5c901603d5082deb98be Mon Sep 17 00:00:00 2001
From: kazachilo <kazachilo@gymnasticstuff.uk>
Date: Fri, 14 Mar 2025 11:27:59 +0300
Subject: [PATCH] =?UTF-8?q?=D1=81=D0=BF=D1=80=D0=B0=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B8=D0=B5=20=D0=BE=D1=82=D1=81=D1=82=D1=83=D0=BF=D0=B0?=
 =?UTF-8?q?=20=D0=BC=D0=B5=D0=B6=D0=B4=D1=83=20=D1=85=D0=B5=D0=B4=D0=B5?=
 =?UTF-8?q?=D1=80=D0=BE=D0=BC=20=D0=B8=20=D0=BA=D0=BE=D0=BD=D1=82=D0=B5?=
 =?UTF-8?q?=D0=BD=D1=82=D0=BE=D0=BC,=20=D1=83=D0=BC=D0=B5=D0=BD=D1=8C?=
 =?UTF-8?q?=D1=88=D0=B5=D0=BD=D0=B8=D0=B5=20=D1=81=2060px=20=D0=B4=D0=BE?=
 =?UTF-8?q?=2020px?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layout/Header.module.css     | 1 +
 src/components/layout/Layout.module.css     | 5 +++++
 src/components/layout/Navigation.module.css | 1 +
 src/index.css                               | 6 ++++++
 4 files changed, 13 insertions(+)

diff --git a/src/components/layout/Header.module.css b/src/components/layout/Header.module.css
index e97b4b1..9376cde 100644
--- a/src/components/layout/Header.module.css
+++ b/src/components/layout/Header.module.css
@@ -6,6 +6,7 @@
   left: 0;
   right: 0;
   z-index: 100;
+  padding-top: var(--safe-area-inset-top); /* Учитываем безопасную область сверху */
   /* Удалены эффекты размытия и прозрачности */
 }
 
diff --git a/src/components/layout/Layout.module.css b/src/components/layout/Layout.module.css
index 6242b89..6d01028 100644
--- a/src/components/layout/Layout.module.css
+++ b/src/components/layout/Layout.module.css
@@ -6,6 +6,8 @@
   flex-direction: column;
   width: 100%;
   overflow: hidden;
+  position: relative; /* Добавляем относительное позиционирование */
+  height: 100%; /* Устанавливаем высоту 100% */
 }
 
 .main {
@@ -13,6 +15,9 @@
   position: relative;
   -webkit-overflow-scrolling: touch;
   width: 100%;
+  overflow-y: auto; /* Разрешаем скроллинг только для основного контента */
+  -webkit-overflow-scrolling: touch; /* Улучшаем инерционный скроллинг на iOS */
+  padding-top: 0px; /* Уменьшаем отступ до 20px */
 }
 
 .container {
diff --git a/src/components/layout/Navigation.module.css b/src/components/layout/Navigation.module.css
index 845eeb4..c54e420 100644
--- a/src/components/layout/Navigation.module.css
+++ b/src/components/layout/Navigation.module.css
@@ -6,6 +6,7 @@
   background-color: #FFFFFF; /* Непрозрачный белый, как у хедера */
   border-top: 1px solid var(--color-border); /* Добавляем верхнюю границу как у хедера */
   z-index: 100;
+  padding-bottom: var(--safe-area-inset-bottom); /* Учитываем безопасную область снизу */
   /* Удалены эффекты размытия и прозрачности */
 }
 
diff --git a/src/index.css b/src/index.css
index 27b707b..b884960 100644
--- a/src/index.css
+++ b/src/index.css
@@ -18,6 +18,12 @@
   --spacing-small: 0.5rem;
   --spacing-medium: 1rem;
   --spacing-large: 1.5rem;
+  
+  /* Безопасные области */
+  --safe-area-inset-top: env(safe-area-inset-top, 0px);
+  --safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
+  --safe-area-inset-left: env(safe-area-inset-left, 0px);
+  --safe-area-inset-right: env(safe-area-inset-right, 0px);
 }
 
 #root {