Arnike/duty-teller
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 14 Wiki Activity

fix: update content-safe class padding for improved layout consistency

Browse Source 
- 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.
This commit is contained in:
Nikolay Tatarinov
2026-03-06 17:01:35 +03:00
parent 40e2b5adc4
commit 26a9443e1b
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
webapp-next/src/app/globals.css
View File

@@ -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). */