trying to fix flicker with curtains but its hard

1 files changed, 3 insertions, 2 deletions

diff --git a/animism-align/frontend/app/views/viewer/player/player.fullscreen.css b/animism-align/frontend/app/views/viewer/player/player.fullscreen.css
index 28e90c0..5963433 100644
--- a/animism-align/frontend/app/views/viewer/player/player.fullscreen.css
+++ b/animism-align/frontend/app/views/viewer/player/player.fullscreen.css
@@ -43,12 +43,13 @@
   justify-content: center;
 }
 
-.viewer-fullscreen .curtain {
+.viewer-fullscreen .fullscreen-element.curtain {
+  height: 100vh;
 }
 
 .viewer-fullscreen .image div {
   width: 90%;
-  height: 90%;
+  height: calc(100vh - 6rem);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center center;