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 <Lottie
src={MyLottie} src={MyLottie}
bind:progress bind:progress
themeId={progress < 0.33 ? 'water' themeId={progress < 0.33 ? 'Water'
: progress < 0.66 ? 'air' : progress < 0.66 ? 'air'
: 'earth'} : 'earth'}
autoplay 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"> <ScrollerBase bind:progress query="div.step-foreground-container">
{#snippet backgroundSnippet()} {#snippet backgroundSnippet()}
<!-- Pass bindable prop `progress` as `progress` --> <!-- Pass bindable prop `progress` as `progress` -->
<Lottie src={MyLottie} {progress} showDebugInfo /> <Lottie src={MyLottie} {progress} height="100lvh" showDebugInfo />
{/snippet} {/snippet}
{#snippet foregroundSnippet()} {#snippet foregroundSnippet()}
<div class="step-foreground-container"> <div class="step-foreground-container">

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

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