Antoine/lhoist-stay-safe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

replacing dvh by vh beaucause of calc dvh causing compilation problems

Browse Source
This commit is contained in:
Antoine M 2024-09-12 12:40:34 +02:00
parent 53e6895d5f
commit ffce318131
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/assets/css/components/layout/Page-container.scss
View File

@ -16,17 +16,17 @@
// @apply overflow-x-hidden overflow-y-auto; // @apply overflow-x-hidden overflow-y-auto;
overflow: hidden; overflow: hidden;
@apply pb-44 2xl:pb-0 xl:pt-0; @apply pb-44 2xl:pb-0 xl:pt-0;
min-height: calc(100dvh); min-height: calc(100vh);
box-sizing: border-box; box-sizing: border-box;
@screen md { @screen md {
min-height: calc(99.8dvh - $margin * 2); min-height: calc(99.8vh - $margin * 2);
height: auto; height: auto;
width: calc(100% - $margin * 2); width: calc(100% - $margin * 2);
margin: $margin auto $margin auto; margin: $margin auto $margin auto;
} }
&__content { &__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-image: url("../../../img/shapes-background/mask.svg");
background-size: auto 100%; background-size: auto 100%;
@ -45,7 +45,7 @@
.content-page { .content-page {
@apply flex flex-col justify-center items-center relative bg-lhoist; @apply flex flex-col justify-center items-center relative bg-lhoist;
@screen md { @screen md {
min-height: calc(99.8dvh - $margin * 2); min-height: calc(99.8vh - $margin * 2);
width: calc(100% - $margin * 2); width: calc(100% - $margin * 2);
margin: $margin auto $margin auto; margin: $margin auto $margin auto;
} }

2
src/assets/css/pages/Game.scss
View File

@ -13,7 +13,7 @@
@screen md { @screen md {
width: calc(100% - $margin * 2); width: calc(100% - $margin * 2);
height: calc(99.8dvh - $margin * 2); height: calc(99.8vh - $margin * 2);
margin: $margin auto 0 auto; margin: $margin auto 0 auto;
} }
} }