ayanova/devdocs/todo.txt

@@ -40,10 +40,20 @@ https://vuetifyjs.com/en/getting-started/releases-and-migrations#migration-guide
 https://blog.anoff.io/2019-10-migrating-vuetify-1-to-2/
 https://github.com/vuetifyjs/vuetify/releases/tag/v2.0.0#user-content-upgrade-guide
 
-
+GRID and other useful porting info:
+https://blog.anoff.io/2019-10-migrating-vuetify-1-to-2/
 
 =============== UPGRADING NOTES =================
 
+START HERE - HAPPY MONDAY Working on login page, xs is fucked up
+
+
+** NOTE: can start dev server, go to *it's* client to see a working older version of ayanova client for comparision!
+http://localhost:7575/login
+http://localhost:8080/login
+
+
+
 Implemented all changes to bring up to 2.x AFAIK, now need to fixup layout then get into edit form and grid again.
 
 

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>