From 3802a2690fa7a6dc74712062454a95bf57fad87e Mon Sep 17 00:00:00 2001
From: V S Tharunika <1vstharu279@gmail.com>
Date: Tue, 29 Dec 2020 15:56:49 +0530
Subject: [PATCH] header included from vuetify

---
 book-racker/src/App.vue               |  1 -
 book-racker/src/components/Header.vue | 18 ++++++++++++++----
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/book-racker/src/App.vue b/book-racker/src/App.vue
index d77d2f01..ab7ae4f8 100644
--- a/book-racker/src/App.vue
+++ b/book-racker/src/App.vue
@@ -1,6 +1,5 @@
 <template>
   <div id="app">
-    <!--<img src= "./assets/logo.png">-->
     <page-header />
     <router-view />
   </div>
diff --git a/book-racker/src/components/Header.vue b/book-racker/src/components/Header.vue
index 791e730d..def397d0 100644
--- a/book-racker/src/components/Header.vue
+++ b/book-racker/src/components/Header.vue
@@ -1,8 +1,18 @@
 <template>
-  <v-toolbar fixed class="maroon">
-    <v-toolbar-title class="mr-4">
-        BookRacker
-    </v-toolbar-title>
+  <v-toolbar
+    dark
+    prominent
+    src="https://cdn.vuetifyjs.com/images/backgrounds/vbanner.jpg"
+  >
+      <v-app-bar-nav-icon></v-app-bar-nav-icon>
+
+      <v-toolbar-title>Book Racker</v-toolbar-title>
+
+      <v-spacer></v-spacer>
+
+      <v-btn icon>
+        <v-icon>mdi-export</v-icon>
+      </v-btn>
   </v-toolbar>
 </template>
 
-- 
GitLab