wires/hypnagaga
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tweaks height for ScrollerBase example

Browse source
This commit is contained in:
Sudev Kiyada 2026-01-12 14:31:38 +05:30
parent fe3e79bf8c
commit 8f225a76ee
Failed to extract signature
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/Lottie/Lottie.mdx
View file

@ -198,7 +198,7 @@ You can set multiple themes and switch between them dynamically -- for example,
<Lottie
src={MyLottie}
bind:progress
themeId={progress < 0.33 ? 'water'
themeId={progress < 0.33 ? 'Water'
: progress < 0.66 ? 'air'
: 'earth'}
autoplay
@ -222,7 +222,7 @@ The `Lottie` component can be used with the `ScrollerBase` component to create a
<ScrollerBase bind:progress query="div.step-foreground-container">
{#snippet backgroundSnippet()}
<!-- Pass bindable prop `progress` as `progress` -->
<Lottie src={MyLottie} {progress} showDebugInfo />
<Lottie src={MyLottie} {progress} height="100lvh" showDebugInfo />
{/snippet}
{#snippet foregroundSnippet()}
<div class="step-foreground-container">

2
src/components/Lottie/demo/withScrollerBase.svelte
View file

@ -31,7 +31,7 @@
query="div.step-foreground-container"
>
{#snippet backgroundSnippet()}
<Lottie src={LottieSample} {progress} showDebugInfo />
<Lottie src={LottieSample} {progress} height="100lvh" showDebugInfo />
{/snippet}
{#snippet foregroundSnippet()}
<div class="step-foreground-container"><h3>Step 1</h3></div>