| <app-header (isShowSidebar)="sidenav.toggle($event)" [isMenuOpened]="isShowSidebar"></app-header> | |
| <mat-sidenav-container class="layout"> | |
| <mat-sidenav | |
| #sidenav | |
| mode="side" | |
| [(opened)]="isShowSidebar" | |
| class="layout-sidebar" | |
| [mode]="mobileQuery.matches ? 'over' : 'side'" | |
| [fixedInViewport]="mobileQuery.matches" | |
| > | |
| <app-sidebar></app-sidebar> | |
| </mat-sidenav> | |
| <mat-sidenav-content class="layout-content"> | |
| <ng-content></ng-content> | |
| </mat-sidenav-content> | |
| </mat-sidenav-container> |