From 512f6a5329be8a5f4cfafc014d9bbb8c3189714d Mon Sep 17 00:00:00 2001
From: bytedream <me@bytedream.dev>
Date: Sun, 30 Nov 2025 17:15:04 +0100
Subject: [PATCH] do not show image carousel arrows if only one image is
 present

---
 src/app/website/features/ImageCarousel.svelte | 30 ++++++++++---------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/app/website/features/ImageCarousel.svelte b/src/app/website/features/ImageCarousel.svelte
index 32cf14b..badcd2c 100644
--- a/src/app/website/features/ImageCarousel.svelte
+++ b/src/app/website/features/ImageCarousel.svelte
@@ -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>