fix: iOS pwa bottom margin

This commit is contained in:
simosmik
2026-02-12 22:26:13 +00:00
parent b498a25965
commit 0d0740760a

View File

@@ -53,7 +53,7 @@
/* Mobile navigation dimensions - Single source of truth */ /* Mobile navigation dimensions - Single source of truth */
--mobile-nav-height: 60px; --mobile-nav-height: 60px;
--mobile-nav-padding: 12px; --mobile-nav-padding: 12px;
--mobile-nav-total: calc(var(--mobile-nav-height) + max(env(safe-area-inset-bottom, 0px), var(--mobile-nav-padding))); --mobile-nav-total: calc(var(--mobile-nav-height) + env(safe-area-inset-bottom, 0px));
/* Header safe area dimensions */ /* Header safe area dimensions */
--header-safe-area-top: env(safe-area-inset-top, 0px); --header-safe-area-top: env(safe-area-inset-top, 0px);
@@ -642,7 +642,7 @@
/* Safe area support for iOS devices */ /* Safe area support for iOS devices */
.ios-bottom-safe { .ios-bottom-safe {
padding-bottom: max(env(safe-area-inset-bottom), 12px); padding-bottom: env(safe-area-inset-bottom);
} }
/* PWA specific header adjustments - uses CSS variables for consistency */ /* PWA specific header adjustments - uses CSS variables for consistency */
@@ -665,7 +665,7 @@
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.chat-input-mobile { .chat-input-mobile {
padding-bottom: calc(60px + max(env(safe-area-inset-bottom), 12px)); padding-bottom: calc(60px + env(safe-area-inset-bottom));
} }
} }