From 26a9443e1b0094cf98fff4c948ec509be413b115 Mon Sep 17 00:00:00 2001 From: Nikolay Tatarinov Date: Fri, 6 Mar 2026 17:01:35 +0300 Subject: [PATCH] fix: update content-safe class padding for improved layout consistency - Adjusted padding-left and padding-right in the .content-safe class to ensure a minimum horizontal padding of 0.75rem, enhancing layout stability across devices. - Updated comments to clarify the purpose of safe area insets in relation to Telegram UI. --- webapp-next/src/app/globals.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/webapp-next/src/app/globals.css b/webapp-next/src/app/globals.css index e8c0e16..3f73b74 100644 --- a/webapp-next/src/app/globals.css +++ b/webapp-next/src/app/globals.css @@ -281,12 +281,12 @@ html::-webkit-scrollbar { } /* Content safe area: top/bottom/left/right so content and sticky chrome sit below Telegram UI. - Use for full-screen wrappers; horizontal padding can be extended by layout (e.g. px-3). */ + Horizontal padding has a minimum of 0.75rem (12px) when safe insets are zero. */ .content-safe { padding-top: var(--app-safe-top); padding-bottom: var(--app-safe-bottom); - padding-left: var(--app-safe-left); - padding-right: var(--app-safe-right); + padding-left: max(var(--app-safe-left), 0.75rem); + padding-right: max(var(--app-safe-right), 0.75rem); } /* Sticky calendar header: shadow when scrolled (useStickyScroll). */