summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/BackendModule.vue
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/src/components/BackendModule.vue')
-rw-r--r--webapp/src/components/BackendModule.vue19
1 files changed, 10 insertions, 9 deletions
diff --git a/webapp/src/components/BackendModule.vue b/webapp/src/components/BackendModule.vue
index 6945d82..2670230 100644
--- a/webapp/src/components/BackendModule.vue
+++ b/webapp/src/components/BackendModule.vue
@@ -40,7 +40,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
@@ -59,11 +59,12 @@
<div slot="action" slot-scope="row" style="text-align: right">
<v-tooltip top open-delay="800">
<template v-slot:activator="{ on }">
- <v-btn flat icon :loading="row.item.loading"
+ <v-btn text icon :loading="row.item.loading"
:disabled="row.item.loading"
:color="row.item.connection"
@click.stop="checkConnection(row.item)"
v-on="on"
+ class="mx-2"
><v-icon>cached</v-icon></v-btn>
</template>
<span>{{ $t('checkConnectionTooltip') }}</span>
@@ -71,14 +72,14 @@
<v-tooltip top open-delay="800">
<template v-slot:activator="{ on }">
- <v-btn flat icon color="primary" @click.stop="$store.commit('backends/editSync', row.item.id)" v-on="on"><v-icon>settings_ethernet</v-icon></v-btn>
+ <v-btn text icon color="primary" @click.stop="$store.commit('backends/editSync', row.item.id)" v-on="on" class="mx-2"><v-icon>settings_ethernet</v-icon></v-btn>
</template>
<span>{{ $t('editSyncTooltip') }}</span>
</v-tooltip>
<v-tooltip top open-delay="800">
<template v-slot:activator="{ on }">
- <v-btn flat icon color="primary" @click.stop="$store.commit('backends/editBackend', row.item.id)" v-on="on"><v-icon>edit</v-icon></v-btn>
+ <v-btn text icon color="primary" @click.stop="$store.commit('backends/editBackend', row.item.id)" v-on="on" class="mx-2"><v-icon>edit</v-icon></v-btn>
</template>
<span>{{ $t('editTooltip') }}</span>
</v-tooltip>
@@ -86,15 +87,15 @@
</data-table>
</v-card>
- <div class="text-xs-right">
+ <div class="text-right">
- <v-btn color="primary" flat @click="checkConnections(selectedBackends)" :disabled="selectedBackends.length === 0">
+ <v-btn color="primary" text @click="checkConnections(selectedBackends)" :disabled="selectedBackends.length === 0" class="ma-2">
<v-icon left>cached</v-icon>{{ $tc('checkConnection', selectedBackends.length, [selectedBackends.length]) }}
</v-btn>
- <v-btn color="error" flat @click="$store.commit('backends/setDialog', true)" :disabled="selectedBackends.length === 0">
+ <v-btn color="error" text @click="$store.commit('backends/setDialog', true)" :disabled="selectedBackends.length === 0" class="ma-2">
<v-icon left>remove_circle_outline</v-icon>{{ $tc('removeBackend', selectedBackends.length, [selectedBackends.length]) }}
</v-btn>
- <v-btn color="success" flat @click="$store.commit('backends/editBackend', 0)">
+ <v-btn color="success" text @click="$store.commit('backends/editBackend', 0)" class="ma-2">
<v-icon left>add_circle_outline</v-icon>{{ $t('addBackendBtn') }}
</v-btn>
</div>
@@ -124,7 +125,7 @@
<v-divider></v-divider>
<v-card-actions>
<v-spacer></v-spacer>
- <v-btn flat="flat" @click="$store.commit('backends/setDialog', false)">{{ $t('cancel') }}</v-btn>
+ <v-btn text="flat" @click="$store.commit('backends/setDialog', false)">{{ $t('cancel') }}</v-btn>
<v-btn color="error" @click="$store.commit('backends/setDialog', false); deleteSelectedBackends()">{{ $t('delete') }}</v-btn>
</v-card-actions>
</v-card>