fix(ui:modal): use % instead of vh to avoid overview in mobile

DevCloudFE · Jun 10, 2022 · 1cafbbc · 1cafbbc
1 parent 46ff2fe
commit 1cafbbc
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/ui/src/components/modal/Modal.tsx b/packages/ui/src/components/modal/Modal.tsx
@@ -235,7 +235,7 @@ export function DModal(props: DModalProps): JSX.Element | null {
                   ...transitionStyle,
                   width: dWidth,
                   top: dTop === 'center' ? undefined : dTop,
-                  maxHeight: dTop === 'center' ? undefined : `calc(100vh - ${topStyle} - 20px)`,
+                  maxHeight: dTop === 'center' ? undefined : `calc(100% - ${topStyle} - 20px)`,
                 }}
                 tabIndex={-1}
                 onKeyDown={(e) => {

diff --git a/packages/ui/src/styles/components/modal.scss b/packages/ui/src/styles/components/modal.scss
@@ -10,7 +10,7 @@
     display: flex;
 
     @include e(content) {
-      max-height: calc(100vh - 40px);
+      max-height: calc(100% - 40px);
       margin: auto;
     }
   }