update layouts
This commit is contained in:
@@ -0,0 +1,25 @@
|
||||
# Advanced Mega Menu layout
|
||||
|
||||
**Metronic 9 reference:** [Demo 7](https://keenthemes.com/metronic/tailwind/react/demo7)
|
||||
|
||||
A header-only layout: the whole application menu lives in a mega menu beside the logo, and the page
|
||||
content runs full width beneath it. The header becomes sticky and shrinks past
|
||||
`layouts.advanced-mega-menu-layout.headerStickyOffset`.
|
||||
|
||||
## Composition
|
||||
|
||||
| Piece | Source |
|
||||
| ----------------------- | --------------------------------------------- |
|
||||
| Mega menu | `MegaNavMenu` from `../shared` |
|
||||
| Mobile menu (sheet) | `SidebarAccordionMenu` from `../shared` |
|
||||
| Toolbar and breadcrumbs | `Toolbar` / `ToolbarHeading` from `../shared` |
|
||||
| Footer | `AppFooter` from `../shared` |
|
||||
| Account menu | `UserAvatarMenu` from `../shared` |
|
||||
|
||||
Layout-specific: `Header`, `HeaderLogo`.
|
||||
|
||||
## Notes
|
||||
|
||||
- The mega menu panels show two levels — a section's children as columns, their children as links.
|
||||
Deeper entries stay reachable through the toolbar breadcrumbs and the mobile accordion.
|
||||
- The `data-sticky-header` body attribute is removed on unmount.
|
||||
Reference in New Issue
Block a user