adapting (removing) margins on mobile

This commit is contained in:
Antoine M 2024-05-13 15:04:32 +02:00
parent d07a9f070c
commit 227bf22f0a

View File

@ -1,13 +1,21 @@
.page-container--play {
// @apply pt-32;
$margin: 20px;
.screen {
@apply overflow-hidden;
}
.screen--game {
@apply py-0 flex;
height: 100vh;
width: 100%;
margin: 0;
height: 100dvh;
@screen md {
width: calc(100% - $margin * 2);
height: calc(99.8dvh - $margin * 2);
margin: $margin auto 0 auto;
}
}
.app-logo-vector {
@apply fixed left-0;
@ -19,7 +27,9 @@
display: none; /* Chrome, Safari, Opera*/
}
cursor: url("../../img/cursors/cursor-hand-free-xd.svg"), auto;
// cursor: url("../../img/cursors/lhoist-curseur-pointeur.png"), auto;
// cursor: url("../../img/cursors/cursor-hand-pointer.svg"), auto;
cursor: url("../../img/cursors/lhoist-curseur-pointeur_2.png"), auto;
:active {
cursor: url("../../img/cursors/cursor-hand-grab.svg"), auto;
}