From 3be74908758b7b9aabe27ffc417016c625860b2e Mon Sep 17 00:00:00 2001
From: Professional <Professional@DENIIS-PC>
Date: Fri, 23 May 2025 20:31:21 +0700
Subject: [PATCH] =?UTF-8?q?=D1=84=D0=B8=D0=BA=D1=81=20=D1=85=D0=BE=D1=83?=
 =?UTF-8?q?=D0=BC=20=D0=B8=D0=BD=D0=B4=D0=B8=D0=BA=D0=B0=D1=82=D0=BE=D1=80?=
 =?UTF-8?q?=D0=B0=20=D0=B4=D0=BB=D1=8F=20=D1=82=D0=B0=D0=B1=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 28f33e6..b034314 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -240,11 +240,11 @@ body {
   display: flex;
   flex-direction: column;
   align-items: center;
-  justify-content: center;
+  justify-content: flex-start; /* Выравниваем элементы по верхнему краю */
   text-decoration: none;
   color: #6c757d;
   transition: all 0.2s ease;
-  padding: 4px 0;
+  padding: 8px 0 0; /* Увеличиваем отступ сверху */
   position: relative;
   /* Не растягиваем сами иконки/текст, а только добавляем нижний отступ */
   padding-bottom: calc(env(safe-area-inset-bottom, 0px) / 3);
@@ -254,16 +254,28 @@ body {
 :root {
   --nav-height: 60px;
   --header-height: 56px;
+  --safe-area-bottom: 0px; /* Базовое значение */
 }
 
-/* Учет Safe Area на устройствах с вырезами (iPhone X и новее) */
-@supports (padding-bottom: env(safe-area-inset-bottom)) {
+/* Специальная поддержка для устройств с вырезом (iPhone X и новее) */
+@supports (padding: env(safe-area-inset-bottom)) {
+  :root {
+    --safe-area-bottom: env(safe-area-inset-bottom, 0px);
+  }
+  
   .mobile-nav {
-    height: calc(var(--nav-height) + env(safe-area-inset-bottom, 0px));
+    height: calc(var(--nav-height) + var(--safe-area-bottom));
+    padding-bottom: var(--safe-area-bottom);
+    /* Перемещаем содержимое вверх, чтобы оно не перекрывалось home indicator */
+    padding-top: 5px;
   }
   
   .app-content {
-    height: calc(100% - var(--nav-height) - env(safe-area-inset-bottom, 0px));
+    height: calc(100% - var(--nav-height) - var(--safe-area-bottom));
+  }
+  
+  .nav-item {
+    padding-bottom: var(--safe-area-bottom);
   }
 }