Updated toolbar
All checks were successful
Build Website / Build NPM Project (push) Successful in 17s
Build Website / Tag Version (push) Successful in 4s
Build Website / Build & Push Dockerfile (push) Successful in 45s

This commit is contained in:
Zakary Timson 2023-12-15 16:34:19 -05:00
parent 00ab612d0b
commit 8e8f5ad362
2 changed files with 10 additions and 10 deletions

View File

@ -4,21 +4,14 @@
<span class="mx-auto"></span> <span class="mx-auto"></span>
<span> <span>
<span class="d-none d-sm-inline"> <span class="d-none d-sm-inline">
<button mat-button routerLink="/coming-soon">Restaurant</button> <button *ngFor="let n of navItems" mat-button [routerLink]="n[1]">{{n[0]}}</button>
<button mat-button routerLink="/coming-soon">Hunting</button>
<button mat-button routerLink="/coming-soon">Fishing</button>
<button mat-button routerLink="/coming-soon">Lodging</button>
</span> </span>
</span> </span>
<button class="d-inline d-sm-none" mat-icon-button [matMenuTriggerFor]="menu"> <button class="d-inline d-sm-none" mat-icon-button [matMenuTriggerFor]="menu">
<mat-icon>menu</mat-icon> <mat-icon>menu</mat-icon>
</button> </button>
<mat-menu #menu="matMenu"> <mat-menu #menu="matMenu">
<button mat-menu-item routerLink="/coming-soon">Restaurant</button> <button *ngFor="let n of navItems" mat-menu-item [routerLink]="n[1]">{{n[0]}}</button>
<button mat-menu-item routerLink="/coming-soon">Hunting</button>
<button mat-menu-item routerLink="/coming-soon">Fishing</button>
<button mat-menu-item routerLink="/coming-soon">Lodging</button>
</mat-menu> </mat-menu>
</mat-toolbar> </mat-toolbar>

View File

@ -4,4 +4,11 @@ import {Component} from '@angular/core';
selector: 'app-toolbar', selector: 'app-toolbar',
templateUrl: './toolbar.component.html' templateUrl: './toolbar.component.html'
}) })
export class ToolbarComponent { } export class ToolbarComponent {
navItems: [string, string][] = [
['Restaurant', '/coming-soon'],
['Hunting', '/coming-soon'],
['Fishing', '/coming-soon'],
['Lodging', '/coming-soon'],
]
}