diff --git a/frontend/src/styles/global.css b/frontend/src/styles/global.css index 16d510f..b329cbf 100644 --- a/frontend/src/styles/global.css +++ b/frontend/src/styles/global.css @@ -196,7 +196,7 @@ input:focus, select:focus, textarea:focus { border-color: var(--accent); } .toast { position: fixed; left: 50%; - bottom: calc(var(--bottombar-height) + var(--safe-bottom) + 16px); + bottom: calc(var(--bottombar-height) + 16px); transform: translateX(-50%); background: var(--surface-2); border: 1px solid var(--border); diff --git a/frontend/src/styles/layout.css b/frontend/src/styles/layout.css index 49e7137..995e49b 100644 --- a/frontend/src/styles/layout.css +++ b/frontend/src/styles/layout.css @@ -39,8 +39,7 @@ .bottom-bar { position: relative; flex: none; - height: calc(var(--bottombar-height) + var(--safe-bottom)); - padding-bottom: var(--safe-bottom); + height: var(--bottombar-height); background: var(--surface); border-top: 1px solid var(--border); display: flex; @@ -70,7 +69,7 @@ position: absolute; left: 50%; transform: translateX(-50%); - bottom: calc(var(--safe-bottom) + 8px); + bottom: 0; width: var(--fab-width); height: var(--fab-height); border: 1px solid var(--accent); diff --git a/frontend/src/styles/tokens.css b/frontend/src/styles/tokens.css index 586dee3..00a64c8 100644 --- a/frontend/src/styles/tokens.css +++ b/frontend/src/styles/tokens.css @@ -22,8 +22,8 @@ --radius-sm: 10px; /* Safe-area с потолком: часть мобильных браузеров (DuckDuckGo, Firefox Focus) при viewport-fit=cover отдаёт inset поверх уже смещённого вьюпорта — без ограничения - шапка раздувается вдвое, а её содержимое съезжает вниз. */ - --safe-bottom: min(env(safe-area-inset-bottom, 0px), 24px); + шапка раздувается вдвое, а её содержимое съезжает вниз. Снизу отступ не нужен: + подвал и купол FAB прижаты вплотную к нижнему краю экрана. */ --safe-top: min(env(safe-area-inset-top, 0px), 24px); /* Брейкпоинты (для справки) */