From ffce318131a7ad531d10db2f6fb1d0a2405bdbb4 Mon Sep 17 00:00:00 2001 From: Antoine M Date: Thu, 12 Sep 2024 12:40:34 +0200 Subject: [PATCH] replacing dvh by vh beaucause of calc dvh causing compilation problems --- src/assets/css/components/layout/Page-container.scss | 8 ++++---- src/assets/css/pages/Game.scss | 2 +- 2 files changed, 5 insertions(+), 5 deletions(-) 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; } }