2021-12-09 14:24:42 +00:00
|
|
|
<div class="layout-wrapper" [ngClass]="{'layout-overlay':isOverlay(),
|
|
|
|
|
'layout-static':isStatic(),
|
2022-01-07 12:40:43 +00:00
|
|
|
'layout-theme-light':!config.dark,
|
|
|
|
|
'layout-theme-dark':config.dark,
|
2021-12-09 14:24:42 +00:00
|
|
|
'layout-overlay-sidebar-active': overlayMenuActive,
|
|
|
|
|
'layout-static-sidebar-inactive': staticMenuInactive,
|
|
|
|
|
'layout-mobile-sidebar-active':menuActiveMobile,
|
2022-01-07 12:40:43 +00:00
|
|
|
'p-ripple-disabled': !config.ripple, 'p-input-filled': config.inputStyle === 'filled'}">
|
2021-12-09 14:24:42 +00:00
|
|
|
<app-topbar></app-topbar>
|
|
|
|
|
<div class="layout-sidebar">
|
|
|
|
|
<app-menu></app-menu>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="layout-main-container">
|
|
|
|
|
<div class="layout-main">
|
|
|
|
|
<router-outlet></router-outlet>
|
|
|
|
|
</div>
|
|
|
|
|
<app-footer></app-footer>
|
|
|
|
|
</div>
|
|
|
|
|
<app-config></app-config>
|
|
|
|
|
<div *ngIf="menuActiveMobile" class="layout-mask p-component-overlay"></div>
|
|
|
|
|
</div>
|
