remove side-tabs from tab-switcher, splitting functionality into separate component

This commit is contained in:
Henry Jameson 2025-11-20 01:24:38 +02:00
commit a3a35e76a8
2 changed files with 2 additions and 110 deletions

View file

@ -31,11 +31,6 @@ export default {
type: Boolean,
default: false
},
sideTabBar: {
required: false,
type: Boolean,
default: false
},
bodyScrollLock: {
required: false,
type: Boolean,
@ -157,26 +152,21 @@ export default {
return (
<div class={classes}>
{
this.sideTabBar
? <h1 class="mobile-label">{props.label}</h1>
: ''
}
{renderSlot}
</div>
)
})
return (
<div class={'tab-switcher ' + (this.sideTabBar ? 'side-tabs' : 'top-tabs')}>
<div class="tab-switcher top-tabs">
<div
class="tabs"
role="tablist"
ref="nav"
>
{tabs}
</div>
<div
ref="contents"
role="tabpanel"
class={'contents' + (this.scrollableTabs ? ' scrollable-tabs' : '')}
v-body-scroll-lock={this.bodyScrollLock}