diff --git a/css/orientation.css b/css/orientation.css index 26731a5..adc1bb7 100644 --- a/css/orientation.css +++ b/css/orientation.css @@ -1,16 +1,14 @@ .conteudo{ justify-content: center; overflow: hidden; - padding: 70px; - background-color: aliceblue; } [wm-flappy]{ min-width: 90vh; - min-height: 75vw; + min-height: 60vw; } -.sol{ +/* .sol{ width: 20rem; } @@ -34,7 +32,7 @@ .progresso{ font-size: 5rem; -} +} */ diff --git a/js/orientation.js b/js/orientation.js index 816bef2..ec72ed1 100644 --- a/js/orientation.js +++ b/js/orientation.js @@ -19,8 +19,10 @@ function adjustScreen(){ document.head.appendChild(styleTag) flappyContainer.style.transform = `rotate(90deg)` - flappyContainer.style.width = `${screenHeight}px` - flappyContainer.style.height = `${screenWidth}px` + flappyContainer.style.width = `${screenHeight - 40}px` + flappyContainer.style.height = `${screenWidth - 40}px` + + modalContainer modalContainer.style.width = `${screenHeight}px` modalContainer.style.height = `${screenWidth}px`