fix: avoid items repeat if nSlides is lower than results lenght

RedTurtle · Feb 5, 2024 · ddd5009 · ddd5009
1 parent 2d6ff0a
commit ddd5009
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/components/ItaliaTheme/Blocks/Listing/SliderTemplate.jsx b/src/components/ItaliaTheme/Blocks/Listing/SliderTemplate.jsx
@@ -194,7 +194,10 @@ const SliderTemplate = ({
 }) => {
   const intl = useIntl();
   const [userAutoplay, setUserAutoplay] = useState(autoplay);
-  const nSlidesToShow = parseInt(slidesToShow);
+  const nSlidesToShow =
+    items.length < parseInt(slidesToShow)
+      ? items.length
+      : parseInt(slidesToShow);
   const Slider = reactSlick.default;
   const { slider, focusNext } = useSlider(userAutoplay);
   const toggleAutoplay = () => {

diff --git a/src/theme/ItaliaTheme/Blocks/_sliderTemplate.scss b/src/theme/ItaliaTheme/Blocks/_sliderTemplate.scss
@@ -168,6 +168,10 @@
               > .card-wrapper {
                 height: 100%;
               }
+
+              > .card {
+                margin: 0.5rem 0;
+              }
             }
           }
         }