fix(ui): мобильный main стал flex-колонкой — flex-1 PageTransition больше не игнорируется, h-full-цепочки страниц восстановлены
На мобильном (<768px) main#content был блочным: flex-1 обёртки PageTransition работал вхолостую, высота страницы росла по контенту, весь скролл уходил в main, а скроллбар широкой таблицы реестра оказывался внизу недостижимой высоты. Десктопный main уже был flex flex-col (Sidebar.tsx:1687).
This commit is contained in:
@@ -1477,8 +1477,10 @@ export function Sidebar({ children }: SidebarProps) {
|
||||
</div>
|
||||
)}
|
||||
<OfflineSyncBanner />
|
||||
{/* pb = высота MobileBottomNav (h-12) + max(12px, safe-area-inset-bottom), чтобы контент не уходил под навигацию */}
|
||||
<main id="content" tabIndex={-1} className="flex-1 overflow-auto pb-[calc(3rem+max(12px,env(safe-area-inset-bottom)))] outline-none">
|
||||
{/* pb = высота MobileBottomNav (h-12) + max(12px, safe-area-inset-bottom), чтобы контент не уходил под навигацию.
|
||||
flex flex-col — родитель для PageTransition (flex-1 min-h-0), иначе его flex-1 не работает
|
||||
и h-full-цепочки страниц рушатся (весь скролл уходит в main, скроллбар таблиц недостижим) */}
|
||||
<main id="content" tabIndex={-1} className="flex-1 flex flex-col overflow-auto pb-[calc(3rem+max(12px,env(safe-area-inset-bottom)))] outline-none">
|
||||
{children}
|
||||
</main>
|
||||
<MobileBottomNav />
|
||||
|
||||
Reference in New Issue
Block a user