summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/ConfiguratorModule.vue
diff options
context:
space:
mode:
authorUdo Walter2019-02-26 02:39:09 +0100
committerUdo Walter2019-02-26 02:39:09 +0100
commit5e0e32ef49c1007c179fe8fd7b598a53f6e91143 (patch)
tree714da0789127fe607f28f15ebbe7331d5b5439ea /webapp/src/components/ConfiguratorModule.vue
parent[webapp] small ui fixes (diff)
downloadbas-5e0e32ef49c1007c179fe8fd7b598a53f6e91143.tar.gz
bas-5e0e32ef49c1007c179fe8fd7b598a53f6e91143.tar.xz
bas-5e0e32ef49c1007c179fe8fd7b598a53f6e91143.zip
[webapp] small tabbar design tweaks
Diffstat (limited to 'webapp/src/components/ConfiguratorModule.vue')
-rw-r--r--webapp/src/components/ConfiguratorModule.vue14
1 files changed, 10 insertions, 4 deletions
diff --git a/webapp/src/components/ConfiguratorModule.vue b/webapp/src/components/ConfiguratorModule.vue
index 9682dc0..f7255b1 100644
--- a/webapp/src/components/ConfiguratorModule.vue
+++ b/webapp/src/components/ConfiguratorModule.vue
@@ -28,9 +28,9 @@
<template>
<v-container fill-height>
<v-layout>
- <v-flex class="tabs-wrapper" xl10 offset-xl1 lg12>
+ <v-flex xl10 offset-xl1 lg12>
<v-card class="tabbar-card">
- <v-tabs v-model="tabs" centered :dark="tabsDark" :color="tabsColor" :slider-color="tabsSliderColor">
+ <v-tabs v-model="tabs" grow :dark="tabsDark" :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>
@@ -75,7 +75,7 @@
<v-dialog
:value="dialog.show"
@input="setDialog({ show: $event })"
- :max-width="dialog.type === 'delete' || dialog.type === 'assign' ? '500px' : '1200px'"
+ :max-width="dialogWidthMap[dialog.type]"
scrollable
:persistent="dialog.type !== 'delete'"
:fullscreen="$vuetify.breakpoint.smAndDown"
@@ -109,7 +109,13 @@ export default {
return {
tabs: 0,
selectedConfigs: [],
- selectedEntries: []
+ selectedEntries: [],
+ dialogWidthMap: {
+ 'delete': '500px',
+ 'assign': '600px',
+ 'config': '1200px',
+ 'entry': '1200px'
+ }
}
},
computed: {