changed all v-layout and v-flex to v-row and v-col respectively, lot's of messed up grids now :(

ayanova/src/components/HelloWorld.vue

@@ -1,20 +1,20 @@
 <template>
   <v-container>
-    <v-layout text-center wrap>
-      <v-flex xs12>
+    <v-row text-center wrap>
+      <v-col xs12>
         <v-img
           :src="require('../assets/logo.svg')"
           class="my-4"
           contain
           height="200"
         ></v-img>
-      </v-flex>
-      <v-flex mb-6 v-if="this.formReady">
+      </v-col>
+      <v-col mb-6 v-if="this.formReady">
         <h1 class="display-2 font-weight-bold mb-4">
           {{ lt("Welcome") }}
         </h1>
-      </v-flex>
-    </v-layout>
+      </v-col>
+    </v-row>
   </v-container>
 </template>
 

ayanova/src/components/custom-fields-control.vue

@@ -14,9 +14,9 @@
     <hr /> -->
 
     <div>
-      <v-layout align-center justify-left row wrap>
+      <v-row align-center justify-left row wrap>
         <template v-for="item in this.$store.state.formCustomTemplate[formKey]">
-          <v-flex v-if="item.type" :key="item.fld" xs12 sm6 lg4 xl3 px-2>
+          <v-col v-if="item.type" :key="item.fld" xs12 sm6 lg4 xl3 px-2>
             <div v-if="item.type === 'currency'">
               CURRENCY CONTROL HERE
             </div>
@@ -48,9 +48,9 @@
                 >UNKNOWN CUSTOM CONTROL TYPE: {{ item.type }}</span
               >
             </div>
-          </v-flex>
+          </v-col>
         </template>
-      </v-layout>
+      </v-row>
     </div>
   </div>
 </template>

ayanova/src/components/date-time-control.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
-    <v-layout row wrap v-if="!readonly">
-      <v-flex xs6>
+    <v-row row wrap v-if="!readonly">
+      <v-col xs6>
         <v-dialog v-model="dlgdate" persistent lazy full-width width="290px">
           <template v-slot:activator="{ on }">
             <v-text-field
@@ -20,8 +20,8 @@
             <v-btn flat color="primary" @click="dlgdate = false">Close</v-btn>
           </v-date-picker>
         </v-dialog>
-      </v-flex>
-      <v-flex xs6>
+      </v-col>
+      <v-col xs6>
         <v-dialog v-model="dlgtime" persistent lazy full-width width="290px">
           <template v-slot:activator="{ on }">
             <v-text-field
@@ -39,8 +39,8 @@
             <v-btn flat color="primary" @click="dlgtime = false">OK</v-btn>
           </v-time-picker>
         </v-dialog>
-      </v-flex>
-    </v-layout>
+      </v-col>
+    </v-row>
     <v-text-field
       v-if="readonly"
       v-model="formatDateTime"

ayanova/src/components/inventorypartassemblytop.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-flex xs12 md4>
+  <v-col xs12 md4>
     <v-card class="elevation-5 transparent">
       <v-card-text class="text-center">
         <v-icon x-large color="secondary">fa-heart</v-icon>
@@ -14,7 +14,7 @@
         est vitae tellus bibendum tincidunt. Suspendisse potenti.
       </v-card-text>
     </v-card>
-  </v-flex>
+  </v-col>
 </template>
 
 <script>

ayanova/src/components/inventoryparttop.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-flex xs12 md4>
+  <v-col xs12 md4>
     <v-card class="elevation-5 transparent">
       <v-card-text class="text-center">
         <v-icon x-large color="secondary">fa-cannabis</v-icon>
@@ -14,7 +14,7 @@
         est vitae tellus bibendum tincidunt. Suspendisse potenti.
       </v-card-text>
     </v-card>
-  </v-flex>
+  </v-col>
 </template>
 
 <script>

ayanova/src/components/inventorypotop.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-flex xs12 md4>
+  <v-col xs12 md4>
     <v-card class="elevation-5 transparent">
       <v-card-text class="text-center">
         <v-icon x-large color="secondary">fa-crow</v-icon>
@@ -14,7 +14,7 @@
         est vitae tellus bibendum tincidunt. Suspendisse potenti.
       </v-card-text>
     </v-card>
-  </v-flex>
+  </v-col>
 </template>
 
 <script>

ayanova/src/components/inventorywarehousetop.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-flex xs12 md4>
+  <v-col xs12 md4>
     <v-card class="elevation-5 transparent">
       <v-card-text class="text-center">
         <v-icon x-large color="secondary">fa-heart </v-icon>
@@ -14,7 +14,7 @@
         est vitae tellus bibendum tincidunt. Suspendisse potenti.
       </v-card-text>
     </v-card>
-  </v-flex>
+  </v-col>
 </template>
 
 <script>

ayanova/src/components/inventorywidgetlist.vue

@@ -1,6 +1,6 @@
 <template>
-  <v-layout column wrap class="my-12" align-center v-if="this.formState.ready">
-    <v-flex xs12 mt-1 mb-2 v-if="formState.errorBoxMessage">
+  <v-row column wrap class="my-12" align-center v-if="this.formState.ready">
+    <v-col xs12 mt-1 mb-2 v-if="formState.errorBoxMessage">
       <v-alert
         ref="errorbox"
         v-show="formState.errorBoxMessage"
@@ -12,8 +12,8 @@
         outline
         >{{ formState.errorBoxMessage }}</v-alert
       >
-    </v-flex>
-    <v-flex xs12 md12>
+    </v-col>
+    <v-col xs12 md12>
       <div v-if="this.formState.ready">
         <v-toolbar flat>
           <v-toolbar-title>
@@ -83,8 +83,8 @@
           </template>
         </v-data-table>
       </div>
-    </v-flex>
-  </v-layout>
+    </v-col>
+  </v-row>
 </template>
 
 <script>

ayanova/src/components/tag-picker.vue

@@ -14,16 +14,16 @@
   >
     <template slot="no-data" v-if="tagSearchEntry">
       <v-container>
-        <v-layout row>
-          <v-layout justify-center>
+        <v-row row>
+          <v-row justify-center>
             <v-chip color="primary" text-color="white" class="display-1">
               {{ this.normalizeTag(tagSearchEntry) }}</v-chip
             >
             <v-btn large icon @click="addTag()">
               <v-icon large color="success">fa-plus-circle</v-icon>
             </v-btn>
-          </v-layout>
-        </v-layout>
+          </v-row>
+        </v-row>
       </v-container>
     </template>
   </v-autocomplete>

ayanova/src/components/underconstruction.vue

@@ -1,9 +1,9 @@
 <template>
   <v-container>
-    <v-layout>
-      <v-flex xs12>
+    <v-row>
+      <v-col xs12>
         <v-img :src="require('../assets/underconstruction.svg')"></v-img>
-      </v-flex>
-    </v-layout>
+      </v-col>
+    </v-row>
   </v-container>
 </template>