fix(videodetail): fix real 100vh player

jwplayer · Jun 24, 2021 · 5ff99e1 · 5ff99e1
1 parent f899f5d
commit 5ff99e1
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/components/Video/Video.module.scss b/src/components/Video/Video.module.scss
@@ -215,7 +215,7 @@
   top: 0;
   left: 0;
   width: 100vw;
-  height: 100vh;
+  height: calc(100vh - calc(100vh - 100%));
   overflow: hidden;
   background-color: variables.$black;
 }
@@ -228,7 +228,7 @@
   justify-content: center;
   align-items: center;
   width: 100vw;
-  height: 100vh;
+  height: calc(100vh - calc(100vh - 100%));
 }
 
 .playerOverlay {

diff --git a/src/containers/Cinema/Cinema.module.scss b/src/containers/Cinema/Cinema.module.scss
@@ -2,6 +2,6 @@
   &.fill {
     display: flex;
     width: 100vw;
-    height: 100vh;
+    height: calc(100vh - calc(100vh - 100%));
   }
 }
diff --git a/src/screens/Movie/Movie.tsx b/src/screens/Movie/Movie.tsx
@@ -68,9 +68,9 @@ const Movie = ({
   };
 
   useEffect(() => {
-    if (play) document.body.style.overflowY = 'hidden';
+    document.body.style.overflowY = play ? 'hidden' : '';
     return () => {
-      if (play) document.body.style.overflowY = '';
+      document.body.style.overflowY = '';
     };
   }, [play]);