@trafilea/afrodita-components 6.36.11 → 6.36.13
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/build/index.esm.js +15 -8
- package/build/index.esm.js.map +1 -1
- package/build/index.js +15 -8
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -21136,8 +21136,7 @@ var Slider = function (_a) {
|
|
|
21136
21136
|
|
|
21137
21137
|
var Container$5 = newStyled.div({
|
|
21138
21138
|
background: 'var(--truekind-default-secondary, #292929)',
|
|
21139
|
-
minHeight: '
|
|
21140
|
-
height: '100%',
|
|
21139
|
+
minHeight: '100svh',
|
|
21141
21140
|
width: '100vw',
|
|
21142
21141
|
position: 'fixed',
|
|
21143
21142
|
overflowY: 'scroll',
|
|
@@ -21160,17 +21159,18 @@ var SubContainer = newStyled.div({
|
|
|
21160
21159
|
'@media screen and (min-height: 740px)': {
|
|
21161
21160
|
marginTop: '0px',
|
|
21162
21161
|
},
|
|
21163
|
-
'@media screen and (
|
|
21164
|
-
'
|
|
21165
|
-
marginTop: '40px !important',
|
|
21166
|
-
},
|
|
21162
|
+
'@media screen and (-webkit-min-device-pixel-ratio:0)': {
|
|
21163
|
+
marginTop: '40px !important',
|
|
21167
21164
|
},
|
|
21168
21165
|
'@media not all and (min-resolution:.001dpcm)': {
|
|
21166
|
+
'@media': {
|
|
21167
|
+
marginTop: '140px !important',
|
|
21168
|
+
},
|
|
21169
21169
|
'@supports (-webkit-appearance:none) and (stroke-color:transparent)': {
|
|
21170
|
-
marginTop: '
|
|
21170
|
+
marginTop: '140px !important',
|
|
21171
21171
|
},
|
|
21172
21172
|
'@supports (-webkit-appearance:none) and (not (stroke-color:transparent))': {
|
|
21173
|
-
marginTop: '
|
|
21173
|
+
marginTop: '140px !important',
|
|
21174
21174
|
},
|
|
21175
21175
|
},
|
|
21176
21176
|
'@media screen and (min-width: 380px) and (max-width: 400px) and (max-height: 860px) ': {
|
|
@@ -21218,6 +21218,13 @@ var ProductGalleryMobileV4 = function (_a) {
|
|
|
21218
21218
|
React$2.useEffect(function () {
|
|
21219
21219
|
setSelectedImageIndex(selectedValue);
|
|
21220
21220
|
}, [selectedValue]);
|
|
21221
|
+
React$2.useEffect(function () {
|
|
21222
|
+
var body = document.querySelector('body');
|
|
21223
|
+
if (!body) {
|
|
21224
|
+
return;
|
|
21225
|
+
}
|
|
21226
|
+
body.style.overflow = galleryOpened ? 'hidden' : 'visible';
|
|
21227
|
+
}, [galleryOpened]);
|
|
21221
21228
|
return (jsxRuntime.jsx("div", __assign$1({ ref: containerRef }, { children: galleryOpened ? (jsxRuntime.jsx(GalleryDetailed, { images: images, topTag: topTag, topRightTag: topRightTag, bottomTag: bottomTag, productImageDataTestId: productImageDataTestId, borderRadiusVariant: borderRadiusVariant, itemsOnViewport: itemsOnViewport, selectedImageIndex: selectedImageIndex, setSelectedImageIndex: setSelectedImageIndex, setGalleryOpened: setGalleryOpened }, void 0)) : (jsxRuntime.jsx(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));
|
|
21222
21229
|
};
|
|
21223
21230
|
|