summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/ConfiguratorModule.vue
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/src/components/ConfiguratorModule.vue')
-rw-r--r--webapp/src/components/ConfiguratorModule.vue25
1 files changed, 14 insertions, 11 deletions
diff --git a/webapp/src/components/ConfiguratorModule.vue b/webapp/src/components/ConfiguratorModule.vue
index a08eb47..0d625e9 100644
--- a/webapp/src/components/ConfiguratorModule.vue
+++ b/webapp/src/components/ConfiguratorModule.vue
@@ -34,7 +34,7 @@
<v-layout>
<v-flex xl10 offset-xl1 lg12>
<v-card class="tabbar-card">
- <v-tabs v-model="tabs" grow :dark="tabsDark" :color="tabsColor" :slider-color="tabsSliderColor">
+ <v-tabs v-model="tabs" grow :dark="tabsDark" :background-color="tabsColor" :slider-color="tabsSliderColor">
<v-tab><v-icon class="tabbar-tabicon">list</v-icon>{{ $t('configs') }}</v-tab>
<v-tab><v-icon class="tabbar-tabicon">code</v-icon>{{ $t('entries') }}</v-tab>
</v-tabs>
@@ -47,27 +47,29 @@
<div slot="actions" slot-scope="row" style="display: flex; justify-content: flex-end; align-items: center">
<v-tooltip top v-if="row.item.isDefault">
<template #activator="{ on }">
- <v-icon v-on="on" color="success" style="margin-right: 14px">flag</v-icon>
+ <v-icon v-on="on" color="success" style="width: 36px">flag</v-icon>
</template>
<span>{{ $t('defaultConfig') }}</span>
</v-tooltip>
<v-btn v-else icon @click.stop="setAsDefault(row.item.id)">
<v-icon style="opacity: 0.2">outlined_flag</v-icon>
</v-btn>
- <v-btn flat small @click.stop="assignConfig(row.item)">
+ <v-btn text small @click.stop="assignConfig(row.item)" class="mx-2">
<span class="mr-1">{{ row.item.groupCount }}</span><v-icon small>category</v-icon>
<span class="mx-1">/</span>
<span class="mr-1">{{ row.item.clientCount }}</span><v-icon small>computer</v-icon>
</v-btn>
- <v-btn flat icon @click.stop="editConfig(row.item)"><v-icon color="primary">edit</v-icon></v-btn>
+ <v-btn text icon @click.stop="editConfig(row.item)"><v-icon color="primary">edit</v-icon></v-btn>
</div>
</data-table>
</v-card>
- <div class="text-xs-right">
- <v-btn flat color="error" @click="deleteSelectedConfigs" :disabled="selectedConfigs.length === 0">
+ <div class="text-right">
+ <v-btn text color="error" @click="deleteSelectedConfigs" :disabled="selectedConfigs.length === 0" class="ma-2">
<v-icon left>delete</v-icon>{{ $tc('deleteConfigs', selectedConfigs.length, [selectedConfigs.length]) }}
</v-btn>
- <v-btn flat color="success" @click="createConfig"><v-icon left>create</v-icon>{{ $t('createConfig') }}</v-btn>
+ <v-btn text color="success" @click="createConfig" class="ma-2">
+ <v-icon left>create</v-icon>{{ $t('createConfig') }}
+ </v-btn>
</div>
</v-tab-item>
<v-tab-item :transition="false" :reverse-transition="false">
@@ -79,11 +81,13 @@
</div>
</data-table>
</v-card>
- <div class="text-xs-right">
- <v-btn flat color="error" @click="deleteSelectedEntries" :disabled="selectedEntries.length === 0">
+ <div class="text-right">
+ <v-btn text color="error" @click="deleteSelectedEntries" :disabled="selectedEntries.length === 0" class="ma-2">
<v-icon left>delete</v-icon>{{ $tc('deleteEntries', selectedEntries.length, [selectedEntries.length]) }}
</v-btn>
- <v-btn flat color="success" @click="createEntry"><v-icon left>create</v-icon>{{ $t('createEntry') }}</v-btn>
+ <v-btn text color="success" @click="createEntry" class="ma-2">
+ <v-icon left>create</v-icon>{{ $t('createEntry') }}
+ </v-btn>
</div>
</v-tab-item>
</v-tabs-items>
@@ -96,7 +100,6 @@
scrollable
:persistent="dialog.type !== 'delete'"
:fullscreen="$vuetify.breakpoint.smAndDown"
- lazy
>
<configurator-module-delete v-if="dialog.type === 'delete'" />
<configurator-module-config v-else-if="dialog.type === 'config'"/>