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