CraftAttack/website
4
0
Fork 0
Code Issues 2 Pull Requests Actions Activity

fix image carousel location bar not visible
All checks were successful
deploy / build-and-deploy (push) Successful in 26s
Details

Browse Source
This commit is contained in:
Ruben Otto
2025-11-24 00:44:43 +01:00
parent d6bf257574
commit 8d2c9438ef
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/website/features/ImageCarousel.svelte
View File

@@ -60,14 +60,15 @@
{/each} {/each}
</div> </div>
{#if currentImageIdx != null} {#if currentImageIdx != null}
<div class="absolute bottom-6 w-full flex justify-center gap-2.5"> <div class="absolute bottom-6 w-full flex justify-center gap-1.5">
{#each images as image, i (image.path)} {#each images as image, i (image.path)}
<button <button
class="flex p-0.5 cursor-pointer z-20"
aria-label={`scroll to image ${i}`} aria-label={`scroll to image ${i}`}
class="w-2.5 h-2.5 bg-white opacity-50 rounded-full cursor-pointer"
class:opacity-100={currentImageIdx === i}
onclick={() => scrollToIdx(i)} onclick={() => scrollToIdx(i)}
></button> ><span class="block w-2.5 h-2.5 bg-white opacity-50 rounded-full" class:opacity-100={currentImageIdx === i}
></span></button
>
{/each} {/each}
</div> </div>
<div class="absolute top-0 left-2 h-full flex items-center"> <div class="absolute top-0 left-2 h-full flex items-center">