diff --git a/src/components/node/ImageSwitcher/styles.scss b/src/components/node/ImageSwitcher/styles.scss index b54d77ba..83c3b18a 100644 --- a/src/components/node/ImageSwitcher/styles.scss +++ b/src/components/node/ImageSwitcher/styles.scss @@ -9,9 +9,9 @@ position: absolute; background: transparentize(black, 0.5); display: flex; - right: $gap; - top: $gap; - border-radius: 24px; + right: 0; + top: 0; + border-radius: 8px; padding: 0 3px; flex-wrap: wrap; transition: background-color 0.5s; diff --git a/src/components/node/NodeImageSlideBlock/index.tsx b/src/components/node/NodeImageSlideBlock/index.tsx index be24dfbf..d0967a09 100644 --- a/src/components/node/NodeImageSlideBlock/index.tsx +++ b/src/components/node/NodeImageSlideBlock/index.tsx @@ -166,7 +166,7 @@ const NodeImageSlideBlock: FC = ({ if (!wrap.current) return; const { width } = wrap.current.getBoundingClientRect(); // setMaxHeight(width * NODE_SETTINGS.MAX_IMAGE_ASPECT); - setMaxHeight(window.innerHeight - 175); + setMaxHeight(window.innerHeight - 152); normalizeOffset(); }, [wrap, setMaxHeight, normalizeOffset]); diff --git a/src/components/node/NodeImageSlideBlock/styles.scss b/src/components/node/NodeImageSlideBlock/styles.scss index 6953d04e..a8d0c82d 100644 --- a/src/components/node/NodeImageSlideBlock/styles.scss +++ b/src/components/node/NodeImageSlideBlock/styles.scss @@ -5,7 +5,6 @@ width: 100%; transition: height 0.25s; border-radius: $radius; - margin-bottom: 20px; .is_loading { .placeholder { @@ -25,7 +24,7 @@ user-select: none; will-change: transform, height; transition: height 500ms, transform 500ms; - padding: 10px 0; + padding: 0 0 20px 0; &:active { transition: none;