ayanova/src/views/login.vue

@@ -1,21 +1,23 @@
 <template>
-  <v-container container--fluid>
-    <v-row row wrap>
-      <v-col xs12 class="hidden-sm-and-down text-center" mt-12 ml-12 pl-12>
+  <v-container fluid>
+    <v-row>
+      <v-col cols="12" offset="1" class="d-none d-md-flex">
         <v-img
           :src="require('../assets/logo.svg')"
-          class="my-4"
           contain
           height="200"
         ></v-img>
       </v-col>
-      <v-col xs12 class="hidden-md-and-up text-center">
+      <v-col cols="12" class="d-flex d-md-none">
         <v-img :src="require('../assets/logo.svg')" contain height="64"></v-img>
       </v-col>
-      <v-col xs12 sm6 offset-sm3 mt-4>
+      <!-- <v-col cols="12" class="purple">
+        <v-skeleton-loader ref="skeleton" type="image"></v-skeleton-loader>
+      </v-col> -->
+      <v-col cols="12" offset="3">
         <form>
-          <v-row column>
-            <v-col>
+          <v-row>
+            <v-col sm="7">
               <v-text-field
                 name="username"
                 v-model="input.username"
@@ -33,7 +35,7 @@
                 v-on:keyup.enter="onEnterUserName"
               ></v-text-field>
             </v-col>
-            <v-col>
+            <v-col sm="7">
               <v-text-field
                 name="password"
                 v-model="input.password"
@@ -46,7 +48,7 @@
                 v-on:keyup.enter="login"
               ></v-text-field>
             </v-col>
-            <v-col class="text-center" mt-1>
+            <v-col sm="7" mt-1 class="text-center">
               <v-btn color="primary" v-on:click="login()">
                 <v-icon>fa-sign-in-alt</v-icon>
               </v-btn>