diff options
Diffstat (limited to 'src/components/tab_switcher/tab_switcher.js')
| -rw-r--r-- | src/components/tab_switcher/tab_switcher.js | 12 |
1 files changed, 8 insertions, 4 deletions
diff --git a/src/components/tab_switcher/tab_switcher.js b/src/components/tab_switcher/tab_switcher.js index 97791de3..a54b474f 100644 --- a/src/components/tab_switcher/tab_switcher.js +++ b/src/components/tab_switcher/tab_switcher.js @@ -69,7 +69,6 @@ export default Vue.component('tab-switcher', { if (!slot.tag) return const classesTab = ['tab'] const classesWrapper = ['tab-wrapper'] - if (this.activeIndex === index) { classesTab.push('active') classesWrapper.push('active') @@ -101,12 +100,17 @@ export default Vue.component('tab-switcher', { const contents = this.$slots.default.map((slot, index) => { if (!slot.tag) return const active = this.activeIndex === index + const classes = [ active ? 'active' : 'hidden' ] + if (slot.data.attrs.fullHeight) { + classes.push('full-height') + } + if (this.renderOnlyFocused) { return active - ? <div class="active">{slot}</div> - : <div class="hidden"></div> + ? <div class={classes.join(' ')}>{slot}</div> + : <div class={classes.join(' ')}></div> } - return <div class={active ? 'active' : 'hidden' }>{slot}</div> + return <div class={classes.join(' ')}>{slot}</div> }) return ( |
