etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-30 02:23:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update Layout component: add right padding in fullscreen mode for Telegram native controls to enhance layout usability.

Browse Source
This commit is contained in:
PEDZEO
2026-01-20 01:27:29 +03:00
parent 6048d90e46
commit 3a98fdff7d
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/layout/Layout.tsx
View File

@@ -307,7 +307,13 @@ export default function Layout({ children }: LayoutProps) {
paddingTop: isFullscreen ? `${Math.max(safeAreaInset.top, contentSafeAreaInset.top)}px` : undefined, paddingTop: isFullscreen ? `${Math.max(safeAreaInset.top, contentSafeAreaInset.top)}px` : undefined,
}} }}
> >
<div className="w-full mx-auto px-4 sm:px-6"> <div
className="w-full mx-auto px-4 sm:px-6"
style={{
// In fullscreen mode, add right padding for Telegram native controls (close/menu buttons)
paddingRight: isFullscreen ? '100px' : undefined,
}}
>
<div className="flex justify-between items-center h-16 lg:h-20"> <div className="flex justify-between items-center h-16 lg:h-20">
{/* Logo */} {/* Logo */}
<Link to="/" className={`flex items-center gap-2.5 flex-shrink-0 ${!appName ? 'lg:mr-4' : ''}`}> <Link to="/" className={`flex items-center gap-2.5 flex-shrink-0 ${!appName ? 'lg:mr-4' : ''}`}>