app/ayanova/src/views/login.vue

@@ -1,11 +1,37 @@
 <template>
-  <div id="login">
-    <h1>Login</h1>
-    <input type="text" name="username" v-model="input.username" placeholder="Username">
-    <input type="password" name="password" v-model="input.password" placeholder="Password">
-    <button type="button" v-on:click="login()">Login</button>
-    <button type="button" v-on:click="showlog()">ShowLog</button>
-  </div>
+
+  <v-container fluid>
+    <v-layout row wrap>
+      <v-flex xs12 class="text-xs-center" mt-5>
+        <h1>Login</h1>
+      </v-flex>
+      <v-flex xs12 sm6 offset-sm3 mt-3>
+        <form>
+          <v-layout column>
+            <v-flex>
+              <v-text-field
+                name="username"
+                v-model="input.username"
+                label="Username"               
+                required></v-text-field>
+            </v-flex>
+            <v-flex>
+              <v-text-field
+                name="password"
+                v-model="input.password"
+                label="Password"                
+                type="password"
+                required></v-text-field>
+            </v-flex>
+            <v-flex class="text-xs-center" mt-5>
+              <v-btn color="primary" v-on:click="login()">Login</v-btn>
+              <v-btn color="primary" v-on:click="showlog()">Log</v-btn>
+            </v-flex>
+          </v-layout>
+        </form>
+      </v-flex>
+    </v-layout>
+</v-container> 
 </template>
 
 <script>