33 lines
1.1 KiB
HTML
33 lines
1.1 KiB
HTML
<mat-toolbar color="primary" class="toolbar">
|
|
<button (click)="drawer.toggle()" *ngIf="isMobile" class="menu-btn" mat-icon-button>
|
|
<mat-icon>menu</mat-icon>
|
|
</button>
|
|
<h1 class="title">Travopti - Prototype</h1>
|
|
</mat-toolbar>
|
|
<mat-drawer-container class="content">
|
|
<mat-drawer #drawer [mode]="isMobile?'over':'side'" [opened]="!isMobile" class="drawer">
|
|
<div class="nav">
|
|
<a (click)="isMobile&&drawer.close()" mat-button routerLink="home" routerLinkActive="active">
|
|
<mat-icon>home</mat-icon>
|
|
<span>Home</span>
|
|
</a>
|
|
<a (click)="isMobile&&drawer.close()" mat-button routerLink="bookmark" routerLinkActive="active">
|
|
<mat-icon>bookmark</mat-icon>
|
|
<span>Your bookmarks</span>
|
|
</a>
|
|
<a (click)="isMobile&&drawer.close()" mat-button routerLink="team" routerLinkActive="active">
|
|
<mat-icon>group</mat-icon>
|
|
<span>About us</span>
|
|
</a>
|
|
</div>
|
|
</mat-drawer>
|
|
<div class="routed-component-wrapper">
|
|
<div class="routed-component">
|
|
<router-outlet></router-outlet>
|
|
</div>
|
|
</div>
|
|
</mat-drawer-container>
|
|
|
|
|
|
|