27 lines
1.2 KiB
HTML
27 lines
1.2 KiB
HTML
<div class="wrapper" *ngIf="!onlySplash">
|
|
<app-navbar (sidebarToggled)="sidenav.toggle(); toggleNavbar($event);"></app-navbar>
|
|
<mat-sidenav-container fullscreen class="main-container">
|
|
<mat-sidenav #sidenav mode="side" opened class="sidenav" [fixedInViewport]="true" [fixedTopGap]="80">
|
|
<app-sidebar></app-sidebar>
|
|
</mat-sidenav>
|
|
<mat-sidenav-content class="sidenav-content">
|
|
<div id="main-page">
|
|
<router-outlet (activate)='onActivate($event)' (deactivate)='onDeactivate($event)'></router-outlet>
|
|
</div>
|
|
</mat-sidenav-content>
|
|
</mat-sidenav-container>
|
|
<!-- <div class="sidebar sidebar-shadow" data-color="danger" data-background-color="white" data-image="./assets/images/logan-troxell-9187-unsplash.jpg">
|
|
<app-sidebar></app-sidebar>
|
|
<div class="sidebar-background" style="background-image: url(./assets/images/logan-troxell-9187-unsplash.jpg)">
|
|
</div>
|
|
</div>
|
|
<div class="main-panel">
|
|
<app-navbar></app-navbar>
|
|
<div>
|
|
<router-outlet (activate)='onActivate($event)' (deactivate)='onDeactivate($event)'></router-outlet>
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
<app-notification *ngIf="!onlySplash"></app-notification>
|
|
<router-outlet *ngIf="onlySplash"></router-outlet>
|