diff --git a/src/components/node/NodeImageSlideBlock/styles.scss b/src/components/node/NodeImageSlideBlock/styles.scss index 930de535..772e3cbd 100644 --- a/src/components/node/NodeImageSlideBlock/styles.scss +++ b/src/components/node/NodeImageSlideBlock/styles.scss @@ -11,8 +11,8 @@ background: $node_image_bg; border-radius: $panel_radius 0 0 $panel_radius; display: flex; - align-items: center; - justify-content: center; + align-items: flex-start; + justify-content: flex-start; position: relative; overflow: hidden; user-select: none; diff --git a/src/containers/dialogs/BetterScrollDialog/index.tsx b/src/containers/dialogs/BetterScrollDialog/index.tsx index c8af5466..acfa585d 100644 --- a/src/containers/dialogs/BetterScrollDialog/index.tsx +++ b/src/containers/dialogs/BetterScrollDialog/index.tsx @@ -29,7 +29,7 @@ const BetterScrollDialog: FC = ({ const ref = useRef(null); useEffect(() => { - disableBodyScroll(ref.current); + disableBodyScroll(ref.current, { reserveScrollBarGap: true }); return () => enableBodyScroll(ref.current); }, [ref]); diff --git a/src/containers/dialogs/Modal/index.tsx b/src/containers/dialogs/Modal/index.tsx index b18d75f5..8d37d0f6 100644 --- a/src/containers/dialogs/Modal/index.tsx +++ b/src/containers/dialogs/Modal/index.tsx @@ -4,7 +4,7 @@ import ReactDOM from 'react-dom'; import * as styles from './styles.scss'; import { IState } from '~/redux/store'; import * as ACTIONS from '~/redux/modal/actions'; -import { DIALOG_CONTENT, IDialogProps } from '~/redux/modal/constants'; +import { DIALOG_CONTENT } from '~/redux/modal/constants'; const mapStateToProps = ({ modal }: IState) => ({ ...modal }); const mapDispatchToProps = {