From 5e0e32ef49c1007c179fe8fd7b598a53f6e91143 Mon Sep 17 00:00:00 2001 From: Udo Walter Date: Tue, 26 Feb 2019 01:39:09 +0000 Subject: [webapp] small tabbar design tweaks --- webapp/src/assets/styles.css | 17 +++------ webapp/src/components/AccountModule.vue | 5 ++- webapp/src/components/BackendModule.vue | 7 ++-- webapp/src/components/ConfiguratorModule.vue | 14 +++++-- webapp/src/components/ConfiguratorModuleAssign.vue | 44 +++++++++++++--------- webapp/src/components/GroupModule.vue | 4 +- webapp/src/components/IpxeBuilderModule.vue | 8 ++-- webapp/src/components/PermissionModule.vue | 8 ++-- webapp/src/components/RegistrationModule.vue | 4 +- webapp/src/components/SettingsModule.vue | 4 +- webapp/src/components/UserModule.vue | 7 ++-- 11 files changed, 68 insertions(+), 54 deletions(-) (limited to 'webapp') diff --git a/webapp/src/assets/styles.css b/webapp/src/assets/styles.css index 0bcfdfe..e9f292f 100644 --- a/webapp/src/assets/styles.css +++ b/webapp/src/assets/styles.css @@ -31,25 +31,18 @@ html { display: none; } -.tabs-wrapper { - display: flex; - flex-direction: column -} - -.tabs-wrapper > .v-tabs__items { - padding: 0 5px; - margin: 0 -5px; - flex: 1 -} - .tabbar-card { position: sticky; top: 64px; z-index: 9; } +.tabbar-card .v-tabs .v-tabs__item { + text-transform: none !important; +} + .tabbar-tabicon { - margin-right: 10px; + margin-right: 12px; } .no-animation { diff --git a/webapp/src/components/AccountModule.vue b/webapp/src/components/AccountModule.vue index 22ad287..abb5439 100644 --- a/webapp/src/components/AccountModule.vue +++ b/webapp/src/components/AccountModule.vue @@ -62,11 +62,12 @@