This commit is contained in:
natib21
2026-07-14 08:47:46 +00:00
parent 22cf8eabd1
commit e63e6a2fc0
6 changed files with 92 additions and 16 deletions

View File

@@ -27,10 +27,12 @@ export const AppLayout = () => {
}
return (
<div className="w-full h-dvh overflow-y-auto flex flex-col bg-background text-foreground">
// pt-16 clears the fixed 64px <Top>; AppMenuTabs is sticky and in flow,
// so content starts right below it at any tabs height (mobile/desktop).
<div className="w-full h-dvh overflow-y-auto flex flex-col pt-16 bg-background text-foreground">
<Top onToggleSidebar={toggleSidebar} showRecordManagementShortcut={!isSuperAdmin} />
<AppMenuTabs />
<div className="px-2 pb-2 pt-8 sm:px-4 sm:pb-4 sm:pt-10 flex-1">
<div className="px-2 pb-2 pt-4 sm:px-4 sm:pb-4 sm:pt-6 flex-1">
<div className="w-full overflow-x-auto">
<Outlet />
</div>