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

do not show image carousel arrows if only one image is present

Browse Source
This commit is contained in:
Ruben Otto
2025-11-30 17:15:04 +01:00
parent 8d2c9438ef
commit 512f6a5329
1 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -71,20 +71,22 @@
>
{/each}
</div>
<div class="absolute top-0 left-2 h-full flex items-center">
<button
class="backdrop-invert-75 w-10 h-10 rounded-full flex justify-center items-center cursor-pointer z-20"
aria-label="previous"
onclick={scrollPrev}><span class="iconify iconify-[heroicons--chevron-left] w-2/5 h-2/5"></span></button
>
</div>
<div class="absolute top-0 right-2 h-full flex items-center">
<button
class="backdrop-invert-75 w-10 h-10 rounded-full flex justify-center items-center cursor-pointer z-20"
aria-label="next"
onclick={scrollNext}><span class="iconify iconify-[heroicons--chevron-right] w-2/5 h-2/5"></span></button
>
</div>
{#if images.length > 1}
<div class="absolute top-0 left-2 h-full flex items-center">
<button
class="backdrop-invert-75 w-10 h-10 rounded-full flex justify-center items-center cursor-pointer z-20"
aria-label="previous"
onclick={scrollPrev}><span class="iconify iconify-[heroicons--chevron-left] w-2/5 h-2/5"></span></button
>
</div>
<div class="absolute top-0 right-2 h-full flex items-center">
<button
class="backdrop-invert-75 w-10 h-10 rounded-full flex justify-center items-center cursor-pointer z-20"
aria-label="next"
onclick={scrollNext}><span class="iconify iconify-[heroicons--chevron-right] w-2/5 h-2/5"></span></button
>
</div>
{/if}
{/if}
</div>