oddsgate-ds 1.0.120 → 1.0.122

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oddsgate-ds",
3
- "version": "1.0.120",
3
+ "version": "1.0.122",
4
4
  "description": "Miew theme component library",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -68,7 +68,7 @@ const ProductsSlider = ({
68
68
  const setSize = (radius: number) => {
69
69
  if (!wrapper.current || !slidesHolder.current || isMobile) return //bail out;
70
70
 
71
- const slideSize = 0.1;
71
+ const slideSize = 0.08;
72
72
 
73
73
  wrapper.current.style.width = 2 * radius + 'px';
74
74
  // wrapper.current.style.height = 2 * radius + 'px';
@@ -105,16 +105,17 @@ const ProductsSlider = ({
105
105
  const addStyle = () => {
106
106
  setTimeout(() => {
107
107
  contentHolder?.current?.classList.add('active');
108
- slides[currentSlide].classList.add('active');
109
- }, 400);
108
+ if (slides[currentSlide]) slides[currentSlide].classList.add('active');
109
+ }, 200);
110
110
  };
111
111
  const removeStyle = () => {
112
112
  contentHolder?.current?.classList.remove('active');
113
113
  const prevElement = slides[currentSlide];
114
+
114
115
  setTimeout(() => {
115
116
  content && setActiveElement(content[currentSlide] as any)
116
117
  prevElement.classList.remove('active');
117
- }, 400);
118
+ }, 200);
118
119
  };
119
120
 
120
121
  const rotateSlider = (e) => {
@@ -69,6 +69,6 @@ export const StyledProductsSliderContent = styled.div<IProductsSlider>`
69
69
  border-radius: ${radius.md};
70
70
  padding: 2rem;
71
71
  margin: auto;
72
- transform: translateY(-10vw);
72
+ transform: translateY(-70%);
73
73
  `;
74
74