summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/GroupModuleGroupView.vue
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/src/components/GroupModuleGroupView.vue')
-rw-r--r--webapp/src/components/GroupModuleGroupView.vue46
1 files changed, 24 insertions, 22 deletions
diff --git a/webapp/src/components/GroupModuleGroupView.vue b/webapp/src/components/GroupModuleGroupView.vue
index b969691..0a94d2a 100644
--- a/webapp/src/components/GroupModuleGroupView.vue
+++ b/webapp/src/components/GroupModuleGroupView.vue
@@ -81,23 +81,25 @@
</div>
<v-card v-else style="margin-top: 24px">
- <v-tabs v-model="activeTab" grow hide-slider>
- <v-tab v-if="group.id !== 0" class="groupview-tab" :class="(group.id !== 0 && activeTab === 0) ? 'primary--text' : ''">
- <v-icon :color="(group.id !== 0 && activeTab === 0) ? 'primary' : ''">list_alt</v-icon>
- <span class="hidden-xs-only ml-2">Info</span>
- </v-tab>
- <v-tab v-if="group.id !== 'create'" class="groupview-tab" :class="activeTab === (group.id === 0 ? 0 : 1) ? 'primary--text' : ''">
- <v-icon class="mr-2" :color="activeTab === (group.id === 0 ? 0 : 1) ? 'primary' : ''">category</v-icon>
- {{ group.subgroups ? group.subgroups.length : 0 }}
- <span class="hidden-xs-only ml-1">{{ group.id > 0 ? $t('subgroups') : $t('groups') }}</span>
- </v-tab>
- <v-tab v-if="group.id !== 'create'" class="groupview-tab" :class="activeTab === (group.id === 0 ? 1 : 2) ? 'primary--text' : ''">
- <v-icon class="mr-2" :color="activeTab === (group.id === 0 ? 1 : 2) ? 'primary' : ''">computer</v-icon>
- {{ group.clients ? group.clients.length : 0 }}
- <span class="hidden-xs-only ml-1">{{ $t('clients') }}</span>
- </v-tab>
+ <div style="display: flex; align-items: center; font-weight: bold;">
+ <v-tabs v-model="activeTab" grow hide-slider>
+ <v-tab v-if="group.id !== 0" class="groupview-tab" :class="(group.id !== 0 && activeTab === 0) ? 'primary--text' : ''">
+ <v-icon :color="(group.id !== 0 && activeTab === 0) ? 'primary' : ''">list_alt</v-icon>
+ <span class="hidden-xs-only ml-2">Info</span>
+ </v-tab>
+ <v-tab v-if="group.id !== 'create'" class="groupview-tab" :class="activeTab === (group.id === 0 ? 0 : 1) ? 'primary--text' : ''">
+ <v-icon class="mr-2" :color="activeTab === (group.id === 0 ? 0 : 1) ? 'primary' : ''">category</v-icon>
+ {{ group.subgroups ? group.subgroups.length : 0 }}
+ <span class="hidden-xs-only ml-1">{{ group.id > 0 ? $t('subgroups') : $t('groups') }}</span>
+ </v-tab>
+ <v-tab v-if="group.id !== 'create'" class="groupview-tab" :class="activeTab === (group.id === 0 ? 1 : 2) ? 'primary--text' : ''">
+ <v-icon class="mr-2" :color="activeTab === (group.id === 0 ? 1 : 2) ? 'primary' : ''">computer</v-icon>
+ {{ group.clients ? group.clients.length : 0 }}
+ <span class="hidden-xs-only ml-1">{{ $t('clients') }}</span>
+ </v-tab>
+ </v-tabs>
- <v-btn v-if="group.id !== 'create'" icon @click="toggleCollapsedView">
+ <v-btn v-if="group.id !== 'create'" icon @click="toggleCollapsedView" class="ml-2">
<v-icon>expand_more</v-icon>
</v-btn>
<v-switch
@@ -109,19 +111,18 @@
hide-details
color="primary"
></v-switch>
-
- <v-tabs-items touchless>
- <v-tab-item v-if="group.id !== 0" lazy :transition="false" :reverse-transition="false">
+ </div>
+ <v-tabs-items v-model="activeTab" touchless>
+ <v-tab-item v-if="group.id !== 0" :transition="false" :reverse-transition="false">
<group-module-group-info :tabIndex="tabIndex" :group="group" />
</v-tab-item>
- <v-tab-item v-if="group.id !== 'create'" lazy :transition="false" :reverse-transition="false">
+ <v-tab-item v-if="group.id !== 'create'" :transition="false" :reverse-transition="false">
<group-module-group-list :tabIndex="tabIndex" :groupId="group.id" :groups="group.subgroups || []" />
</v-tab-item>
- <v-tab-item v-if="group.id !== 'create'" lazy :transition="false" :reverse-transition="false">
+ <v-tab-item v-if="group.id !== 'create'" :transition="false" :reverse-transition="false">
<group-module-client-list :tabIndex="tabIndex" :groupId="group.id" :clients="group.clients || []" />
</v-tab-item>
</v-tabs-items>
- </v-tabs>
</v-card>
</div>
</template>
@@ -214,5 +215,6 @@ export default {
display: flex;
flex-direction: row;
align-items: center;
+ font-size: 14px;
}
</style>