fix(TabbedContainer): fix scrolling height on tabs

This commit is contained in:
sethburkart123
2024-09-17 17:40:53 +10:00
parent 580cd9b3d9
commit 94684a9481
@@ -64,15 +64,15 @@
{/each}
</div>
</div>
<div class="h-full px-4 overflow-y-scroll overflow-x-clip">
<div class="h-full px-4 overflow-hidden">
<MotionDiv
class="h-full"
animate={{ x: `${-activeTab * 100}%` }}
transition={springTransition}
>
<div class="flex h-screen">
<div class="flex">
{#each tabs as { Content }, index}
<div class="absolute w-full transition-opacity duration-300 overflow-y-scroll {activeTab === index ? 'opacity-100' : 'opacity-0'}"
<div class="absolute w-full h-full transition-opacity duration-300 overflow-y-scroll {activeTab === index ? 'opacity-100' : 'opacity-0'}"
style="left: {index * 100}%;">
{@render Content()}
</div>