From 0493d8c2dbac7bd5912e84c663c6dd5af27fb83c Mon Sep 17 00:00:00 2001
From: V S Tharunika <1vstharu279@gmail.com>
Date: Tue, 29 Dec 2020 15:18:00 +0530
Subject: [PATCH] Adding header

---
 book-racker/src/components/Header.vue   | 16 ++++++++++++++++
 book-racker/src/components/Register.vue | 10 +++++-----
 2 files changed, 21 insertions(+), 5 deletions(-)
 create mode 100644 book-racker/src/components/Header.vue

diff --git a/book-racker/src/components/Header.vue b/book-racker/src/components/Header.vue
new file mode 100644
index 00000000..275f0a04
--- /dev/null
+++ b/book-racker/src/components/Header.vue
@@ -0,0 +1,16 @@
+<template>
+  <v-toolbar fixed class="cyan">
+    <v-toolbar-title class="mr-4">
+        BOOK RACKER
+    </v-toolbar-title>
+  </v-toolbar>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style scoped>
+</style>
\ No newline at end of file
diff --git a/book-racker/src/components/Register.vue b/book-racker/src/components/Register.vue
index 0ec08452..53b557d8 100644
--- a/book-racker/src/components/Register.vue
+++ b/book-racker/src/components/Register.vue
@@ -1,19 +1,19 @@
 /* eslint-disable */
 <template>
   <v-layout column>
-    <v-flex xs6 offset-xs3>
-      <div class="white elevation-2">
+    <v-flex xs3 offset-xs6>
+      <div class="white elevation-2" style="width: 1455px;">
         <v-toolbar flat dense class="cyan" dark>
         <v-toolbar-title>Register</v-toolbar-title>
         </v-toolbar>
         <div class="pl-4 pr-4 pt-2 pb-2">
-          <input type="email" name="email" v-model="email" placeholder="email"/>
+          <v-text-field  label="email" v-model="email"></v-text-field>
           <br>
-          <input type="password" name="password" v-model="password" placeholder="password"/>
+          <v-text-field  label="password" v-model="password"></v-text-field>
           <br>
           <div class="error" v-html ="error"/>
           <br>
-          <button @click="register">Register</button>
+          <v-btn class="cyan" @click="register">Register</v-btn>
         </div>
       </div>
     </v-flex>
-- 
GitLab