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/UserModule.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

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

diff --git a/webapp/src/components/UserModule.vue b/webapp/src/components/UserModule.vue
index b6c5269..ec74e16 100644
--- a/webapp/src/components/UserModule.vue
+++ b/webapp/src/components/UserModule.vue
@@ -26,7 +26,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"
           grow
           hide-slider
           v-model="tab"
@@ -41,15 +41,15 @@
           <v-card>
             <data-table v-model="selectedUsers" :headers="headers" :items="users" @dblclick="editUser($event.id)">
               <div slot="action" slot-scope="row" style="text-align: right">
-                <v-btn flat icon color="primary" @click.stop="editUser(row.item.id)" :class="row.index === 0 ? 'tutorial-element label-top-left element-icon' : ''" style="--label-number: '3'"><v-icon>edit</v-icon></v-btn>
+                <v-btn text icon color="primary" @click.stop="editUser(row.item.id)" :class="row.index === 0 ? 'tutorial-element label-top-left element-icon' : ''" style="--label-number: '3'"><v-icon>edit</v-icon></v-btn>
               </div>
             </data-table>
           </v-card>
-          <div class="text-xs-right">
-            <v-btn color="error" flat @click="deleteUsers" :disabled="selectedUsers.length === 0" class="tutorial-element label-left" style="--label-number: '2'">
+          <div class="text-right">
+            <v-btn color="error" text @click="deleteUsers" :disabled="selectedUsers.length === 0" class="ma-2 tutorial-element label-left" style="--label-number: '2'">
               <v-icon left>delete</v-icon>{{ $tc('deleteUsers', selectedUsers.length, [selectedUsers.length]) }}
             </v-btn>
-            <v-btn color="success" flat @click="editUser(0)" class="tutorial-element label-right" style="--label-number: '1'">
+            <v-btn color="success" text @click="editUser(0)" class="ma-2 tutorial-element label-right" style="--label-number: '1'">
               <v-icon left>edit</v-icon>{{ $t('createUser') }}
             </v-btn>
           </div>
-- 
cgit v1.2.3-55-g7522

