From fea705d63c2a8a3cccc80f4100a697b66a4f80c2 Mon Sep 17 00:00:00 2001 From: V S Tharunika <1vstharu279@gmail.com> Date: Mon, 28 Dec 2020 00:39:48 +0530 Subject: [PATCH] modificates to the template for different look --- book-racker/src/components/Register.vue | 29 +++++++++++++++---------- 1 file changed, 18 insertions(+), 11 deletions(-) diff --git a/book-racker/src/components/Register.vue b/book-racker/src/components/Register.vue index 1e9cf88a..0ec08452 100644 --- a/book-racker/src/components/Register.vue +++ b/book-racker/src/components/Register.vue @@ -1,16 +1,23 @@ /* eslint-disable */ <template> - <div> - <h1>Register</h1> - - <input type="email" name="email" v-model="email" placeholder="email"/> - <br> - <input type="password" name="password" v-model="password" placeholder="password"/> - <br> - <div class="error" v-html ="error"/> - <br> - <button @click="register">Register</button> - </div> + <v-layout column> + <v-flex xs6 offset-xs3> + <div class="white elevation-2"> + <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"/> + <br> + <input type="password" name="password" v-model="password" placeholder="password"/> + <br> + <div class="error" v-html ="error"/> + <br> + <button @click="register">Register</button> + </div> + </div> + </v-flex> + </v-layout> </template> <script> -- GitLab