From 7c273a8bcab2da87acb3431448a53e91e360d5eb Mon Sep 17 00:00:00 2001
From: Udo Walter
Date: Sun, 19 Jan 2020 21:18:15 +0000
Subject: [webapp] upgrade/migration from vuetify 1.5 to 2.X still TODO: switch
 from old grid system (v-layout/v-flex) to the new one (v-row/v-col)

---
 webapp/src/components/AccountModule.vue | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

(limited to 'webapp/src/components/AccountModule.vue')

diff --git a/webapp/src/components/AccountModule.vue b/webapp/src/components/AccountModule.vue
index a39a414..73f85fb 100644
--- a/webapp/src/components/AccountModule.vue
+++ b/webapp/src/components/AccountModule.vue
@@ -66,7 +66,7 @@
     <v-layout>
       <v-flex xl10 offset-xl1 lg12>
       <v-card class="tabbar-card">
-        <v-tabs :dark="tabsDark" :color="tabsColor" :slider-color="tabsSliderColor"
+        <v-tabs :dark="tabsDark" :background-color="tabsColor" :slider-color="tabsSliderColor"
           v-model="tab"
           grow
           hide-slider
@@ -122,15 +122,15 @@
                   </v-layout>
                 </v-flex>
 
-                <v-flex lg3 md6 sm6 xs12 order-lg7 order-md3 order-sm3 order-xs1 class="text-xs-right">
+                <v-flex lg3 md6 sm6 xs12 order-lg7 order-md3 order-sm3 order-xs1 class="text-right">
                   <div class="info-input">
                     <div v-if="!editInfoMode">
-                      <v-btn color="primary" flat @click="editInfo" class="info-buttons tutorial-element label-left" style="--label-number: '1'">
+                      <v-btn color="primary" text @click="editInfo" class="info-buttons tutorial-element label-left" style="--label-number: '1'">
                         <v-icon left>create</v-icon>{{ $t('edit') }}
                       </v-btn>
                     </div>
                     <div v-else>
-                      <v-btn color="primary" flat @click="cancelEditInfo" class="info-buttons">{{ $t('cancel') }}</v-btn>
+                      <v-btn color="primary" text @click="cancelEditInfo" class="info-buttons">{{ $t('cancel') }}</v-btn>
                       <v-btn color="primary" @click="submitInfo" class="info-buttons">
                         <v-icon left>save</v-icon>{{ $t('save') }}
                       </v-btn>
@@ -197,17 +197,17 @@
                   </v-layout>
                 </v-flex>
 
-                <v-flex v-if="!editPasswordMode" lg8 sm6 xs12 order-lg3 order-sm2 order-xs1 class="text-xs-right">
+                <v-flex v-if="!editPasswordMode" lg8 sm6 xs12 order-lg3 order-sm2 order-xs1 class="text-right">
                   <div class="info-input">
-                    <v-btn color="primary" flat @click="editPassword" class="info-buttons tutorial-element label-left" style="--label-number: '2'">
+                    <v-btn color="primary" text @click="editPassword" class="info-buttons tutorial-element label-left" style="--label-number: '2'">
                       <v-icon left>create</v-icon>{{ $t('edit') }}
                     </v-btn>
                   </div>
                 </v-flex>
 
-                <v-flex v-else lg4 sm12 xs12 order-lg3 order-sm1 order-xs1 class="text-xs-right">
+                <v-flex v-else lg4 sm12 xs12 order-lg3 order-sm1 order-xs1 class="text-right">
                   <div class="info-input">
-                      <v-btn color="primary" flat @click="cancelEditPassword" class="info-buttons">{{ $t('cancel') }}</v-btn>
+                      <v-btn color="primary" text @click="cancelEditPassword" class="info-buttons">{{ $t('cancel') }}</v-btn>
                       <v-btn color="primary" @click="submitPassword" class="info-buttons">
                         <v-icon left>save</v-icon>{{ $t('save') }}
                       </v-btn>
@@ -247,7 +247,7 @@
         <v-divider></v-divider>
         <v-card-actions>
           <v-spacer></v-spacer>
-          <v-btn flat="flat" @click="dialog = false">{{ $t('cancel') }}</v-btn>
+          <v-btn text="flat" @click="dialog = false">{{ $t('cancel') }}</v-btn>
           <v-btn color="error" @click="deleteAccount">{{ $t('delete') }}</v-btn>
         </v-card-actions>
       </v-card>
-- 
cgit v1.2.3-55-g7522

