diff --git a/src/assets/css/components/layout/Page-container.scss b/src/assets/css/components/layout/Page-container.scss index 61c9551..ab6c534 100644 --- a/src/assets/css/components/layout/Page-container.scss +++ b/src/assets/css/components/layout/Page-container.scss @@ -16,17 +16,17 @@ // @apply overflow-x-hidden overflow-y-auto; overflow: hidden; @apply pb-44 2xl:pb-0 xl:pt-0; - min-height: calc(100dvh); + min-height: calc(100vh); box-sizing: border-box; @screen md { - min-height: calc(99.8dvh - $margin * 2); + min-height: calc(99.8vh - $margin * 2); height: auto; width: calc(100% - $margin * 2); margin: $margin auto $margin auto; } &__content { - @apply text-center pb-8 mt-28 lg:my-12 md:pb-0 pt-12 md:pt-12 px-2 md:px-16 w-fit mx-auto h-auto overflow-visible relative; + @apply text-center pb-8 mt-28 lg:my-12 md:pb-0 pt-12 md:pt-12 px-2 md:px-16 w-fit mx-auto h-auto overflow-visible relative; background-image: url("../../../img/shapes-background/mask.svg"); background-size: auto 100%; @@ -45,7 +45,7 @@ .content-page { @apply flex flex-col justify-center items-center relative bg-lhoist; @screen md { - min-height: calc(99.8dvh - $margin * 2); + min-height: calc(99.8vh - $margin * 2); width: calc(100% - $margin * 2); margin: $margin auto $margin auto; } diff --git a/src/assets/css/pages/Game.scss b/src/assets/css/pages/Game.scss index 828ca95..ba16181 100644 --- a/src/assets/css/pages/Game.scss +++ b/src/assets/css/pages/Game.scss @@ -13,7 +13,7 @@ @screen md { width: calc(100% - $margin * 2); - height: calc(99.8dvh - $margin * 2); + height: calc(99.8vh - $margin * 2); margin: $margin auto 0 auto; } }