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} {/each}
</div> </div>
</div> </div>
<div class="h-full px-4 overflow-y-scroll overflow-x-clip"> <div class="h-full px-4 overflow-hidden">
<MotionDiv <MotionDiv
class="h-full" class="h-full"
animate={{ x: `${-activeTab * 100}%` }} animate={{ x: `${-activeTab * 100}%` }}
transition={springTransition} transition={springTransition}
> >
<div class="flex h-screen"> <div class="flex">
{#each tabs as { Content }, index} {#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}%;"> style="left: {index * 100}%;">
{@render Content()} {@render Content()}
</div> </div>