summaryrefslogtreecommitdiff
path: root/recipeBuddy/src/app/app.component.html
diff options
context:
space:
mode:
authorTucker Evans <tuckerevans24@gmail.com>2019-12-06 15:32:20 -0500
committerTucker Evans <tuckerevans24@gmail.com>2019-12-10 14:14:41 -0500
commit58043492cf8a12d3b73dbb8760e26ffce0e2dc41 (patch)
tree5ac3417ca6cf37f013fe88547e35d335e0406865 /recipeBuddy/src/app/app.component.html
parent0f8d2ab5d57334320f8c60b626c5af455eddae4f (diff)
Add toolbar to main app template
Diffstat (limited to 'recipeBuddy/src/app/app.component.html')
-rw-r--r--recipeBuddy/src/app/app.component.html18
1 files changed, 17 insertions, 1 deletions
diff --git a/recipeBuddy/src/app/app.component.html b/recipeBuddy/src/app/app.component.html
index 014c6b0..830c5cb 100644
--- a/recipeBuddy/src/app/app.component.html
+++ b/recipeBuddy/src/app/app.component.html
@@ -1,2 +1,18 @@
-<h1>{{title}}</h1>
+<mat-toolbar color="primary">
+ <span style="margin-left: 15px">
+ <button mat-button routerLink="/" routerLinkActive="active"><h1>{{title}}</h1></button>
+ </span>
+ <span style="flex: 1 1 auto"></span>
+ <div style="margin-right: 15px">
+ <button mat-icon-button routerLink="/add" routerLinkActive="active">
+ <mat-icon style="padding-left: 8px; padding-right: 8px">add</mat-icon>
+ </button>
+ <button mat-icon-button routerLink="/cart" routerLinkActive="active">
+ <mat-icon style="padding-left: 8px; padding-right: 8px">shopping_cart</mat-icon>
+ </button>
+ <button mat-icon-button routerLink="/search" routerLinkActive="active">
+ <mat-icon style="padding-left: 8px; padding-right: 8px">search</mat-icon>
+ </button>
+ </div>
+</mat-toolbar>
<router-outlet></router-outlet>