fix: groups edit tabs UI

This commit is contained in:
NGPixel 2019-11-16 18:56:56 -05:00
parent ad9ec1201b
commit bf47e310f5
3 changed files with 21 additions and 4 deletions

View File

@ -27,10 +27,16 @@
v-icon(left) mdi-check
span Update Group
v-card.mt-3
v-tabs(v-model='tab', :background-color='$vuetify.theme.dark ? "primary" : "grey darken-2"', fixed-tabs, slider-color='white', show-arrows, dark)
v-tab(key='permissions') Permissions
v-tab(key='rules') Page Rules
v-tab(key='users') Users
v-tabs.grad-tabs(v-model='tab', :color='$vuetify.theme.dark ? `blue` : `primary`', fixed-tabs, show-arrows, icons-and-text)
v-tab(key='permissions')
span Permissions
v-icon mdi-lock-pattern
v-tab(key='rules')
span Page Rules
v-icon mdi-file-lock
v-tab(key='users')
span Users
v-icon mdi-account-group
v-tab-item(key='permissions', :transition='false', :reverse-transition='false')
group-permissions(v-model='group', @refresh='refresh')

View File

@ -11,6 +11,7 @@
@import 'components/v-data-table';
@import 'components/v-dialog';
@import 'components/v-form';
@import 'components/v-tabs';
// @import '../libs/twemoji/twemoji-awesome';
// @import '../libs/prism/prism.css';

View File

@ -0,0 +1,10 @@
.grad-tabs > .v-tabs-bar {
background-image: linear-gradient(to top, rgba(#000, .025), transparent);
border-bottom: 1px solid rgba(#000, .1);
border-radius: 4px 4px 0 0;
@at-root .theme--dark & {
background-image: linear-gradient(to bottom, rgba(#FFF, .05), transparent);
border-bottom-color: transparent;
}
}