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:
2026-09-14 23:08:30 +03:00
parent 981ee050ca
commit c8b7741b11

View File

@@ -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 />