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