summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/IprangeModule.vue
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/src/components/IprangeModule.vue')
-rw-r--r--webapp/src/components/IprangeModule.vue17
1 files changed, 9 insertions, 8 deletions
diff --git a/webapp/src/components/IprangeModule.vue b/webapp/src/components/IprangeModule.vue
index d782707..5d1ff46 100644
--- a/webapp/src/components/IprangeModule.vue
+++ b/webapp/src/components/IprangeModule.vue
@@ -42,7 +42,7 @@
<v-layout>
<v-flex xl10 offset-xl1 lg12>
<v-card class="tabbar-card">
- <v-tabs v-model="tabs" grow hide-slider :dark="tabsDark" :color="tabsColor" :slider-color="tabsSliderColor">
+ <v-tabs v-model="tabs" grow hide-slider :dark="tabsDark" :background-color="tabsColor" :slider-color="tabsSliderColor">
<v-tab><v-icon class="tabbar-tabicon">settings_ethernet</v-icon>{{ $t('ipranges') }}</v-tab>
</v-tabs>
</v-card>
@@ -52,23 +52,25 @@
<v-card>
<data-table v-model="selected" :headers="headers" :items="ipranges" @dblclick="dialog = { show: true, type: 'edit', iprange: { ...$event } }" min-width="840px" copy-button>
<template #group="row">
- <v-btn small flat :to="{ name: 'GroupModule.group', params: { id: row.item.groupId } }" class="ma-0" style="text-transform: none;">
+ <v-btn small text :to="{ name: 'GroupModule.group', params: { id: row.item.groupId } }" class="ma-0" style="text-transform: none;">
{{ row.item.group.name }}
<v-icon small class="ml-2">open_in_new</v-icon>
</v-btn>
</template>
<template #actions="row">
<div style="text-align: right">
- <v-btn flat icon @click.stop="dialog = { show: true, type: 'edit', iprange: { ...row.item } }" class="ma-0"><v-icon color="primary">edit</v-icon></v-btn>
+ <v-btn text icon @click.stop="dialog = { show: true, type: 'edit', iprange: { ...row.item } }" class="ma-0"><v-icon color="primary">edit</v-icon></v-btn>
</div>
</template>
</data-table>
</v-card>
- <div class="text-xs-right">
- <v-btn flat color="error" @click="dialog = { show: true, type: 'delete' }" :disabled="selected.length === 0">
+ <div class="text-right">
+ <v-btn text color="error" @click="dialog = { show: true, type: 'delete' }" :disabled="selected.length === 0" class="ma-2">
<v-icon left>delete</v-icon>{{ $tc('deleteIpranges', selected.length, [selected.length]) }}
</v-btn>
- <v-btn flat color="success" @click="dialog = { show: true, type: 'create', iprange: {} }"><v-icon left>create</v-icon>{{ $t('createIprange') }}</v-btn>
+ <v-btn text color="success" @click="dialog = { show: true, type: 'create', iprange: {} }" class="ma-2">
+ <v-icon left>create</v-icon>{{ $t('createIprange') }}
+ </v-btn>
</div>
</v-tab-item>
</v-tabs-items>
@@ -81,7 +83,6 @@
scrollable
:persistent="dialog.type !== 'delete'"
:fullscreen="$vuetify.breakpoint.smAndDown"
- lazy
>
<v-card>
<v-card-title class="elevation-3">
@@ -111,7 +112,7 @@
<v-card-actions>
<v-spacer></v-spacer>
- <v-btn flat="flat" @click="dialog.show = false">{{ $t('cancel') }}</v-btn>
+ <v-btn text="flat" @click="dialog.show = false">{{ $t('cancel') }}</v-btn>
<v-btn :color="dialogColor" @click="submitAction">{{ dialogButtonText }}</v-btn>
</v-card-actions>
</v-card>