icons update

This commit is contained in:
Henry Jameson 2020-05-25 16:10:14 +03:00
parent 79c03984bc
commit a6ca923a76
4 changed files with 31 additions and 2 deletions

View file

@ -94,8 +94,11 @@ export default Vue.component('tab-switcher', {
<button
disabled={slot.data.attrs.disabled}
onClick={this.activateTab(index)}
class={classesTab.join(' ')}>
{slot.data.attrs.label}</button>
class={classesTab.join(' ')}
>
{!slot.data.attrs.icon ? '' : (<i class={'tab-icon icon-' + slot.data.attrs.icon}/>)}
{slot.data.attrs.label}
</button>
</div>
)
})

View file

@ -3,6 +3,11 @@
.tab-switcher {
display: flex;
.tab-icon {
font-size: 2em;
display: block;
}
&.top-tabs {
flex-direction: column;
> .tabs {