mirror of
https://github.com/BetterSEQTA/BetterSEQTA-Plus.git
synced 2026-06-13 07:04:39 +00:00
fix(TabbedContainer): fix scrolling height on tabs
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user