From e1991453a1b79503f8e17f67a41371a11044e1c7 Mon Sep 17 00:00:00 2001 From: Fedor Katurov Date: Tue, 21 Apr 2020 17:20:32 +0700 Subject: [PATCH] fixed paddings --- src/components/node/ImageSwitcher/styles.scss | 6 +++--- src/components/node/NodeImageSlideBlock/index.tsx | 2 +- src/components/node/NodeImageSlideBlock/styles.scss | 3 +-- 3 files changed, 5 insertions(+), 6 deletions(-) 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;