diff --git a/book-racker/src/components/Register.vue b/book-racker/src/components/Register.vue index 1e9cf88a2fcbb3a0146c3cb3e3b23f5027c1f79c..0ec08452cf51ab9914ca7590a9ad7f1d9fe32720 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>