fix(project): fix vertical centering modal

jwplayer · Aug 4, 2021 · ef4686e · ef4686e
1 parent bcbc3ba
commit ef4686e
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 2 deletions.
diff --git a/src/components/Modal/Modal.module.scss b/src/components/Modal/Modal.module.scss
@@ -7,7 +7,7 @@
   top: 0;
   left: 0;
   width: 100vw;
-  height: 100vh;
+  height: calc(100vh - calc(100vh - 100%));
 }
 
 .backdrop {

diff --git a/src/components/Modal/Modal.tsx b/src/components/Modal/Modal.tsx
@@ -46,7 +46,6 @@ const Modal: React.FC<Props> = ({ open, onClose, children, AnimationComponent =
       }
 
       // prevent scrolling under the modal
-
       document.body.style.marginRight = `${scrollbarSize()}px`;
       document.body.style.overflowY = 'hidden';
-Original file line number
+Diff line change
@@ Expand Up @@
           }
           // prevent scrolling under the modal
           document.body.style.marginRight = `${scrollbarSize()}px`;
           document.body.style.overflowY = 'hidden';
@@ Expand Down @@