starred/reiverr
1
0
Fork 0
mirror of https://github.com/aleksilassila/reiverr.git synced 2026-04-19 09:53:22 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: Improve container on:navigate

Browse Source
This commit is contained in:
Aleksi Lassila
2024-04-11 19:20:40 +03:00
parent 428258798c
commit 2f0f048d89
7 changed files with 68 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/lib/components/HeroCarousel/HeroCarousel.svelte
View File

@@ -42,10 +42,15 @@
<Container class="flex-1 flex">
<HeroShowcaseBackground {urls} {index} />
<Container
handleNavigateOut={{
right: onNext,
left: onPrevious,
up: () => Selectable.giveFocus('left', true) || true
on:navigate={({ detail }) => {
if (detail.options.direction === 'right') {
if (onNext()) detail.preventNavigation();
} else if (detail.options.direction === 'left') {
if (onPrevious()) detail.preventNavigation();
} else if (detail.options.direction === 'up') {
Selectable.giveFocus('left', true);
detail.preventNavigation();
}
}}
/>
<div class="flex flex-1 z-10">