fixes. sorry for bad commit message i'm tired

This commit is contained in:
Henry Jameson 2020-05-27 03:32:57 +03:00
parent 3938ccb8e7
commit 5ffcddd3b9
7 changed files with 96 additions and 50 deletions

View file

@ -95,9 +95,12 @@ export default Vue.component('tab-switcher', {
disabled={slot.data.attrs.disabled}
onClick={this.activateTab(index)}
class={classesTab.join(' ')}
type="button"
>
{!slot.data.attrs.icon ? '' : (<i class={'tab-icon icon-' + slot.data.attrs.icon}/>)}
{slot.data.attrs.label}
<span class="text">
{slot.data.attrs.label}
</span>
</button>
</div>
)
@ -110,13 +113,23 @@ export default Vue.component('tab-switcher', {
if (slot.data.attrs.fullHeight) {
classes.push('full-height')
}
const newSlot = (
<div class={classes}>
{
this.sideTabBar
? <h1 class="mobile-label">{slot.data.attrs.label}</h1>
: ''
}
{slot}
</div>
)
if (this.renderOnlyFocused) {
return active
? <div class={classes.join(' ')}>{slot}</div>
? <div class={classes.join(' ')}>{newSlot}</div>
: <div class={classes.join(' ')}></div>
}
return <div class={classes.join(' ')}>{slot}</div>
return <div class={classes.join(' ')}>{newSlot}</div>
})
return (