starred/reiverr
1
0
Fork 0
mirror of https://github.com/aleksilassila/reiverr.git synced 2026-04-21 08:15:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

Series page: Next episode focus, mobile styling

Browse Source
This commit is contained in:
Aleksi Lassila
2023-08-05 12:47:14 +03:00
parent 6809e20ed5
commit 03e4ff5056
4 changed files with 57 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/components/Carousel/Carousel.svelte
View File

@@ -40,13 +40,13 @@
{#if scrollX > 50}
<div
transition:fade={{ duration: 200 }}
class={'absolute inset-y-4 left-0 w-8 sm:w-16 md:w-24 bg-gradient-to-r ' + gradientFromColor}
class={'absolute inset-y-4 left-0 w-0 sm:w-16 md:w-24 bg-gradient-to-r ' + gradientFromColor}
/>
{/if}
{#if carousel && scrollX < carousel?.scrollWidth - carousel?.clientWidth - 50}
<div
transition:fade={{ duration: 200 }}
class={'absolute inset-y-4 right-0 w-8 sm:w-16 md:w-24 bg-gradient-to-l ' + gradientFromColor}
class={'absolute inset-y-4 right-0 w-0 sm:w-16 md:w-24 bg-gradient-to-l ' + gradientFromColor}
/>
{/if}
</div>