summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/GroupModule.vue
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/src/components/GroupModule.vue')
-rw-r--r--webapp/src/components/GroupModule.vue8
1 files changed, 4 insertions, 4 deletions
diff --git a/webapp/src/components/GroupModule.vue b/webapp/src/components/GroupModule.vue
index 279b7f9..078dbca 100644
--- a/webapp/src/components/GroupModule.vue
+++ b/webapp/src/components/GroupModule.vue
@@ -11,8 +11,8 @@
<v-container fill-height>
<v-layout>
<v-flex xl10 offset-xl1 lg12>
- <v-card class="tabbar-card non-selectable" style="display: flex; justify-content: space-between" :color="tabsColor">
- <v-tabs :value="activeTab" @change="setActiveTab" :dark="tabsDark" :color="tabsColor" :slider-color="tabsSliderColor" style="overflow-x: hidden;">
+ <v-card class="tabbar-card non-selectable" style="display: flex; justify-content: space-between; align-items: center;" :color="tabsColor">
+ <v-tabs :value="activeTab" @change="setActiveTab" :dark="tabsDark" :background-color="tabsColor" :slider-color="tabsSliderColor" style="overflow-x: hidden;">
<template v-for="(item, index) in tabChain">
<v-icon v-if="item.id > 0 || item.id === 'create'" :key="'arrow' + index">keyboard_arrow_right</v-icon>
<v-tab ripple :key="'tab' + index">
@@ -22,10 +22,10 @@
</v-tab>
</template>
</v-tabs>
- <v-btn icon :loading="reloading" @click="reload" class="tutorial-element label-top-left element-icon" style="--label-number: '2'"><v-icon>refresh</v-icon></v-btn>
+ <v-btn icon :loading="reloading" @click="reload" class="mx-2 tutorial-element label-top-left element-icon" style="--label-number: '2'"><v-icon>refresh</v-icon></v-btn>
</v-card>
<v-tabs-items :value="activeTab" @input="setActiveTab" touchless style="padding-bottom: 12px">
- <v-tab-item v-for="(item, index) in tabChain" :key="index" lazy :transition="false" :reverse-transition="false">
+ <v-tab-item v-for="(item, index) in tabChain" :key="index" :transition="false" :reverse-transition="false">
<group-module-group-view v-if="item.tabType === 'group'" :group="item" :tabIndex="index" />
<group-module-client-view v-if="item.tabType === 'client'" :client="item" :tabIndex="index" />
</v-tab-item>