@trafilea/afrodita-components 6.36.6 → 6.36.7

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.
@@ -20945,7 +20945,7 @@ var ContentGallery = function (_a) {
20945
20945
  var cssGap = 8;
20946
20946
  var photoSize = 375.41 * cssZoom;
20947
20947
  var photosPerScreen = width / photoSize;
20948
- var totalGap = Math.floor(photosPerScreen) * cssGap;
20948
+ var totalGap = Math.floor(photosPerScreen) * cssGap * 2;
20949
20949
  return ((width + width * 0.0001 * (width > 380 ? 10 : -10) - paddingWidth - totalGap) / photoSize);
20950
20950
  }
20951
20951
  var slidesToShow = (_b = calcSlidesToShow()) !== null && _b !== void 0 ? _b : 1;
@@ -21102,8 +21102,10 @@ var Slider = function (_a) {
21102
21102
  var Container$5 = newStyled.div({
21103
21103
  background: 'var(--truekind-default-secondary, #292929)',
21104
21104
  minHeight: '100vh',
21105
+ height: '100%',
21105
21106
  width: '100vw',
21106
- position: 'absolute',
21107
+ position: 'fixed',
21108
+ overflowY: 'scroll',
21107
21109
  zIndex: '99999',
21108
21110
  top: 0,
21109
21111
  left: 0,
@@ -21113,9 +21115,20 @@ var Container$5 = newStyled.div({
21113
21115
  });
21114
21116
  var SubContainer = newStyled.div({
21115
21117
  maxWidth: '480px',
21118
+ marginTop: '105px',
21116
21119
  '@media screen and (min-width: 480px)': {
21117
21120
  margin: '0 auto',
21118
- }
21121
+ },
21122
+ '@media screen and (max-height: 640px)': {
21123
+ position: 'relative',
21124
+ },
21125
+ '@media screen and (max-height: 740px)': {
21126
+ marginTop: '0px',
21127
+ },
21128
+ '@media screen and (min-width: 380px) and (max-width: 400px) and (max-height: 860px) ': {
21129
+ position: 'relative',
21130
+ marginTop: '0px',
21131
+ },
21119
21132
  });
21120
21133
  var Header$1 = newStyled.div({
21121
21134
  display: 'flex',
@@ -21123,15 +21136,9 @@ var Header$1 = newStyled.div({
21123
21136
  alignItems: 'center',
21124
21137
  color: 'white',
21125
21138
  padding: '1.2rem',
21126
- position: 'absolute',
21139
+ zIndex: 4,
21127
21140
  top: 0,
21128
21141
  right: 0,
21129
- '@media screen and (max-height: 640px)': {
21130
- position: 'relative',
21131
- },
21132
- '@media screen and (min-width: 380px) and (max-width: 400px) and (max-height: 860px) ': {
21133
- position: 'relative',
21134
- }
21135
21142
  });
21136
21143
  var IconContainer = newStyled.div({
21137
21144
  backgroundColor: '#E5E5E5',