oddsgate-ds 1.0.116 → 1.0.117

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oddsgate-ds",
-  "version": "1.0.116",
+  "version": "1.0.117",
   "description": "Miew theme component library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/components/organisms/ProductsSlider/ProductsSlider.component.tsx

@@ -26,15 +26,6 @@ const ProductsSlider = ({
   const contentHolder = useRef<HTMLDivElement>();
   const isMobile = useMediaMatch();
 
-  //force 12 items
-  if (content && content.length < 26) {
-    let counter = 0;
-    for (let i = content.length; i <= 26; i++) {
-      content[i] = content[counter];
-      counter++;
-    }
-  }
-
   useEffect(() => {
     if (!slidesHolder.current) return //bail out;
 
@@ -62,11 +53,11 @@ const ProductsSlider = ({
     const setSize = (radius: number) => {
       if (!wrapper.current || !slidesHolder.current || isMobile) return //bail out;
 
-      const slideSize = 0.08;
+      const slideSize = 0.11;
 
       wrapper.current.style.width = 2 * radius + 'px';
       // wrapper.current.style.height = 2 * radius + 'px';
-      wrapper.current.style.height = '530px';
+      wrapper.current.style.height = '680px';
 
       let r = 2 * radius * (1 - slideSize);
       slidesHolder.current.style.width = r + 'px'

package/src/components/organisms/ProductsSlider/ProductsSlider.theme.ts

@@ -21,11 +21,12 @@ export const StyledProductsSliderWrapper = styled.div<IProductsSlider>`
 export const StyledProductsSliderSlides = styled.div<IProductsSlider>`
   position: relative;
   display: flex;
-  justify-content: center;
-  align-items: center;
   flex-flow: row wrap;
 
   @media only screen and (min-width: ${responsiveMedia}) {
+    justify-content: center;
+    align-items: center;
+
     transform-origin: center;
     transition: all 0.6s;
     transform: rotate(0deg);