Tria/edr-platform
1
0
Fork 0
mirror of https://github.com/Tria-plc/edr-platform.git synced 2026-08-27 17:50:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #669 from Tria-plc/freight/feature/user_management_UI

Browse Source 
Freight/feature/user management UI
This commit is contained in:
yaschalew10
2026-07-14 12:30:11 +03:00
committed by GitHub
parent 5c8e5cbbfe 81bce1da31
commit e56498a46f
2 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/edr-freight-web/backoffice/src/user-management/AppMenuTabs.tsx
View File

@@ -237,9 +237,11 @@ export const AppMenuTabs = () => {
// Sticky (not fixed) so it stays in flow: content below never needs a
// magic offset matching this bar's responsive height. top-16 keeps it
// pinned just below the fixed 64px <Top> header while scrolling.
// -mt-8 cancels the excess of <Top>'s in-flow h-24 wrapper over its 64px
// fixed header, so the bar sits flush under the header with no jump.
// shrink-0 is load-bearing: as a flex item with overflow-hidden this bar
// would otherwise be flex-squashed to zero height when the page overflows.
<div className="sticky top-16 z-30 shrink-0 bg-white dark:bg-gray-900 border-b dark:border-gray-800 overflow-hidden flex flex-col">
<div className="sticky top-16 -mt-8 z-30 shrink-0 bg-white dark:bg-gray-900 border-b dark:border-gray-800 overflow-hidden flex flex-col">
{/* Mobile View - Two separate rows */}
<div className="md:hidden flex flex-col pt-5 pb-3 px-4 space-y-3 mt-2">
{/* Primary items row */}

7
apps/edr-freight-web/backoffice/src/user-management/Applayout.tsx
View File

@@ -27,9 +27,10 @@ export const AppLayout = () => {
}
return (
// 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> renders its own in-flow h-24 wrapper around the fixed 64px header,
// so flow already clears the header — no extra top padding here.
// AppMenuTabs is sticky and in flow, so content starts right below it.
<div className="w-full h-dvh overflow-y-auto flex flex-col bg-background text-foreground">
<Top onToggleSidebar={toggleSidebar} showRecordManagementShortcut={!isSuperAdmin} />
<AppMenuTabs />
<div className="px-2 pb-2 pt-4 sm:px-4 sm:pb-4 sm:pt-6 flex-1">