19 lines
830 B
HTML
19 lines
830 B
HTML
<mat-sidenav-container class="sidenav-container">
|
|
<mat-sidenav #drawer class="sidenav mat-elevation-z8" fixedInViewport
|
|
[attr.role]="(isHandset$ | async) ? 'dialog' : 'navigation'" [mode]="(isHandset$ | async) ? 'over' : 'side'"
|
|
[opened]="(isHandset$ | async) === false">
|
|
<app-main-menu-panels></app-main-menu-panels>
|
|
</mat-sidenav>
|
|
<mat-sidenav-content>
|
|
<mat-toolbar color="primary">
|
|
<button type="button" aria-label="Toggle sidenav" mat-icon-button (click)="drawer.toggle()">
|
|
<mat-icon aria-label="Side nav toggle icon">menu</mat-icon>
|
|
</button>
|
|
<span>{{title}}</span>
|
|
</mat-toolbar>
|
|
<div style="padding: 20px;">
|
|
<!-- The routed views render in the <router-outlet>-->
|
|
<router-outlet></router-outlet>
|
|
</div>
|
|
</mat-sidenav-content>
|
|
</mat-sidenav-container> |