@trafilea/afrodita-components 6.36.11 → 6.36.13

package/build/index.esm.js

@@ -21110,8 +21110,7 @@ var Slider = function (_a) {
 
 var Container$5 = newStyled.div({
     background: 'var(--truekind-default-secondary, #292929)',
-    minHeight: '100vh',
-    height: '100%',
+    minHeight: '100svh',
     width: '100vw',
     position: 'fixed',
     overflowY: 'scroll',
@@ -21134,17 +21133,18 @@ var SubContainer = newStyled.div({
     '@media screen and (min-height: 740px)': {
         marginTop: '0px',
     },
-    '@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)': {
-        '@media': {
-            marginTop: '40px !important',
-        },
+    '@media screen and (-webkit-min-device-pixel-ratio:0)': {
+        marginTop: '40px !important',
     },
     '@media not all and (min-resolution:.001dpcm)': {
+        '@media': {
+            marginTop: '140px !important',
+        },
         '@supports (-webkit-appearance:none) and (stroke-color:transparent)': {
-            marginTop: '40px !important',
+            marginTop: '140px !important',
         },
         '@supports (-webkit-appearance:none) and (not (stroke-color:transparent))': {
-            marginTop: '40px !important',
+            marginTop: '140px !important',
         },
     },
     '@media screen and (min-width: 380px) and (max-width: 400px) and (max-height: 860px) ': {
@@ -21192,6 +21192,13 @@ var ProductGalleryMobileV4 = function (_a) {
     useEffect(function () {
         setSelectedImageIndex(selectedValue);
     }, [selectedValue]);
+    useEffect(function () {
+        var body = document.querySelector('body');
+        if (!body) {
+            return;
+        }
+        body.style.overflow = galleryOpened ? 'hidden' : 'visible';
+    }, [galleryOpened]);
     return (jsx$1("div", __assign$1({ ref: containerRef }, { children: galleryOpened ? (jsx$1(GalleryDetailed, { images: images, topTag: topTag, topRightTag: topRightTag, bottomTag: bottomTag, productImageDataTestId: productImageDataTestId, borderRadiusVariant: borderRadiusVariant, itemsOnViewport: itemsOnViewport, selectedImageIndex: selectedImageIndex, setSelectedImageIndex: setSelectedImageIndex, setGalleryOpened: setGalleryOpened }, void 0)) : (jsx$1(ContentGallery, { contents: images, containerRef: containerRef, customClick: customClick, topTag: topTag, topRightTag: topRightTag, bottomTag: bottomTag, testId: productImageDataTestId, borderRadiusVariant: borderRadiusVariant, itemsOnViewport: itemsOnViewport, selectedImageIndex: selectedImageIndex, setSelectedImageIndex: setSelectedImageIndex, setGalleryOpened: setGalleryOpened }, void 0)) }), void 0));
 };