oddsgate-ds 1.0.121 → 1.0.123

package/package.json

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

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

@@ -72,7 +72,7 @@ const ProductsSlider = ({
 
       wrapper.current.style.width = 2 * radius + 'px';
       // wrapper.current.style.height = 2 * radius + 'px';
-      wrapper.current.style.height = '680px';
+      wrapper.current.style.height = '880px';
 
       let r = 2 * radius * (1 - slideSize);
       slidesHolder.current.style.width = r + 'px'
@@ -105,7 +105,7 @@ const ProductsSlider = ({
     const addStyle = () => {
       setTimeout(() => {
         contentHolder?.current?.classList.add('active');
-        slides[currentSlide].classList.add('active');
+        if (slides[currentSlide]) slides[currentSlide].classList.add('active');
       }, 200);
     };
     const removeStyle = () => {
@@ -200,7 +200,7 @@ const ProductsSlider = ({
         </StyledProductsSliderSlides>
       </StyledProductsSliderWrapper>
       {!isMobile && (
-        <StyledProductsSliderContent ref={contentHolder as any} className='mt-6'>
+        <StyledProductsSliderContent ref={contentHolder as any}>
           <Heading tag="h5" size="h5">
             <strong>{activeElement?.title}</strong>
             <br />

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

@@ -64,11 +64,14 @@ export const StyledProductsSliderSlide = styled.div<IProductsSlider>`
 
 
 export const StyledProductsSliderContent = styled.div<IProductsSlider>`
+  position: absolute;
+  bottom: 0%;
+  left: 50%;
   max-width: 50rem;
   background: ${colors.third10};
   border-radius: ${radius.md};
   padding: 2rem;
   margin: auto;
-  transform: translateY(-6vw);
+  transform: translateX(-50%);
 `;