@trafilea/afrodita-components 6.36.6 → 6.36.7

package/build/index.js

@@ -20971,7 +20971,7 @@ var ContentGallery = function (_a) {
         var cssGap = 8;
         var photoSize = 375.41 * cssZoom;
         var photosPerScreen = width / photoSize;
-        var totalGap = Math.floor(photosPerScreen) * cssGap;
+        var totalGap = Math.floor(photosPerScreen) * cssGap * 2;
         return ((width + width * 0.0001 * (width > 380 ? 10 : -10) - paddingWidth - totalGap) / photoSize);
     }
     var slidesToShow = (_b = calcSlidesToShow()) !== null && _b !== void 0 ? _b : 1;
@@ -21128,8 +21128,10 @@ var Slider = function (_a) {
 var Container$5 = newStyled.div({
     background: 'var(--truekind-default-secondary, #292929)',
     minHeight: '100vh',
+    height: '100%',
     width: '100vw',
-    position: 'absolute',
+    position: 'fixed',
+    overflowY: 'scroll',
     zIndex: '99999',
     top: 0,
     left: 0,
@@ -21139,9 +21141,20 @@ var Container$5 = newStyled.div({
 });
 var SubContainer = newStyled.div({
     maxWidth: '480px',
+    marginTop: '105px',
     '@media screen and (min-width: 480px)': {
         margin: '0 auto',
-    }
+    },
+    '@media screen and (max-height: 640px)': {
+        position: 'relative',
+    },
+    '@media screen and (max-height: 740px)': {
+        marginTop: '0px',
+    },
+    '@media screen and (min-width: 380px) and (max-width: 400px) and (max-height: 860px) ': {
+        position: 'relative',
+        marginTop: '0px',
+    },
 });
 var Header$1 = newStyled.div({
     display: 'flex',
@@ -21149,15 +21162,9 @@ var Header$1 = newStyled.div({
     alignItems: 'center',
     color: 'white',
     padding: '1.2rem',
-    position: 'absolute',
+    zIndex: 4,
     top: 0,
     right: 0,
-    '@media screen and (max-height: 640px)': {
-        position: 'relative',
-    },
-    '@media screen and (min-width: 380px) and (max-width: 400px) and (max-height: 860px) ': {
-        position: 'relative',
-    }
 });
 var IconContainer = newStyled.div({
     backgroundColor: '#E5E5E5',