From 58043492cf8a12d3b73dbb8760e26ffce0e2dc41 Mon Sep 17 00:00:00 2001
From: Tucker Evans <tuckerevans24@gmail.com>
Date: Fri, 6 Dec 2019 15:32:20 -0500
Subject: Add toolbar to main app template

---
 recipeBuddy/src/app/app.component.html | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

(limited to 'recipeBuddy/src/app/app.component.html')

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>
-- 
cgit v1.1