From 042f23859043f45ffac6b90072365dc0182e6dd9 Mon Sep 17 00:00:00 2001 From: Fedor Katurov Date: Thu, 14 Jul 2022 13:26:53 +0700 Subject: [PATCH] fixed mobile appearance of dialogs --- .../dialogs/BetterScrollDialog/styles.module.scss | 2 +- src/components/editors/EditorButtons/index.tsx | 4 +++- src/components/editors/ImageGrid/index.tsx | 4 ++-- src/components/flow/FlowCell/index.tsx | 8 ++++---- src/components/flow/FlowSwiperHero/index.tsx | 6 +++--- src/containers/dialogs/PhotoSwipe/index.tsx | 9 ++++----- src/hooks/dom/useWindowSize.ts | 9 +++++++-- tsconfig.tsbuildinfo | 2 +- 8 files changed, 25 insertions(+), 19 deletions(-) diff --git a/src/components/dialogs/BetterScrollDialog/styles.module.scss b/src/components/dialogs/BetterScrollDialog/styles.module.scss index c49ebcf4..354f5023 100644 --- a/src/components/dialogs/BetterScrollDialog/styles.module.scss +++ b/src/components/dialogs/BetterScrollDialog/styles.module.scss @@ -11,7 +11,7 @@ box-sizing: border-box; @include tablet { - padding: 70px 5px 5px 5px; + padding: 20px 0 0 0; } } diff --git a/src/components/editors/EditorButtons/index.tsx b/src/components/editors/EditorButtons/index.tsx index 9b7c0560..6eec2727 100644 --- a/src/components/editors/EditorButtons/index.tsx +++ b/src/components/editors/EditorButtons/index.tsx @@ -6,10 +6,12 @@ import { Padder } from '~/components/containers/Padder'; import { EditorActionsPanel } from '~/components/editors/EditorActionsPanel'; import { Button } from '~/components/input/Button'; import { InputText } from '~/components/input/InputText'; +import { useWindowSize } from '~/hooks/dom/useWindowSize'; import { useNodeFormContext } from '~/hooks/node/useNodeFormFormik'; const EditorButtons: FC = () => { const { values, handleChange, isSubmitting } = useNodeFormContext(); + const { isMobile } = useWindowSize(); return ( @@ -28,7 +30,7 @@ const EditorButtons: FC = () => {