From 3bfcb0c0d495bd4f10f978e03a75772200ed842d Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Wed, 29 Mar 2023 09:25:21 +1000
Subject: [PATCH] bug fixes

---
 resources/js/components/SMImageGallery.vue | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/resources/js/components/SMImageGallery.vue b/resources/js/components/SMImageGallery.vue
index 6277ffa..cbf779b 100644
--- a/resources/js/components/SMImageGallery.vue
+++ b/resources/js/components/SMImageGallery.vue
@@ -104,6 +104,8 @@ const handleResize = () => {
 };
 
 const nextSlide = () => {
+    handleResize();
+
     const diff = Math.abs(visibleSlides.value - slideWidths.value.length);
     if (visibleSlides.value < slideWidths.value.length && diff > 1) {
         const width = sliderOffset.value + sliderWidth.value;
@@ -179,8 +181,10 @@ const hidePrevArrow = computed(() => {
 });
 
 const hideNextArrow = computed(() => {
-    const sum = slideWidths.value.reduce((acc, curr) => acc + curr, 0);
-    return sliderWidth.value + sliderOffset.value >= sum;
+    return false;
+    // const sum = slideWidths.value.reduce((acc, curr) => acc + curr, 0);
+    // console.log(sum, sliderWidth.value, sliderOffset.value);
+    // return sliderWidth.value + sliderOffset.value >= sum;
 });
 </script>
 
@@ -197,13 +201,13 @@ const hideNextArrow = computed(() => {
 .sm-image-gallery-inner {
     display: flex;
     transition: transform 0.3s ease-in-out;
-    height: 100%;
+    // height: 100%;
 }
 
 .sm-image-gallery-slide {
-    display: flex;
-    justify-content: center;
-    align-items: center;
+    // display: flex;
+    // justify-content: center;
+    // align-items: center;
     height: 100%;
     margin-left: 5px;
     margin-right: 5px;
@@ -281,6 +285,7 @@ const hideNextArrow = computed(() => {
     align-items: center;
     cursor: pointer;
     pointer-events: none; /* Add this line */
+    z-index: 1000;
 }
 
 .sm-image-gallery-modal * {