fix(docs): lower carousel edge fade z-index below header
Reduce edge fade overlays from z-40 to z-20 so the sticky header (z-30) is not obscured when scrolling through the carousel section. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Yechan Kim committed
Apr 12, 2026 at 19:44 UTC
aa8e179416cdf01dc07d4372c101e55857de3287
1 file changed
+2
-2
docs/src/lib/components/landing/DifferentiatorCarousel.svelte
+2
-2
@@ -184,10 +184,10 @@
184
</div>
185
<!-- Edge fades -->
186
<div
187
- class="pointer-events-none absolute inset-y-0 left-0 z-40 w-12 bg-linear-to-r from-background via-background/[0.74] to-transparent dark:via-background/60 sm:w-24"
187
+ class="pointer-events-none absolute inset-y-0 left-0 z-20 w-12 bg-linear-to-r from-background via-background/[0.74] to-transparent dark:via-background/60 sm:w-24"
188
></div>
189
<div
190
- class="pointer-events-none absolute inset-y-0 right-0 z-40 w-12 bg-linear-to-l from-background via-background/[0.74] to-transparent dark:via-background/60 sm:w-24"
190
+ class="pointer-events-none absolute inset-y-0 right-0 z-20 w-12 bg-linear-to-l from-background via-background/[0.74] to-transparent dark:via-background/60 sm:w-24"
191
></div>
192
193
<div class="relative h-[328px] sm:h-[360px]">