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

adapting (removing) margins on mobile

Browse Source
This commit is contained in:
Antoine M 2024-05-13 15:04:32 +02:00
parent d07a9f070c
commit 227bf22f0a
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,13 +1,21 @@
.page-container--play { .page-container--play {
// @apply pt-32; // @apply pt-32;
$margin: 20px;
.screen { .screen {
@apply overflow-hidden; @apply overflow-hidden;
} }
.screen--game { .screen--game {
@apply py-0 flex; @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 { .app-logo-vector {
@apply fixed left-0; @apply fixed left-0;
@ -19,7 +27,9 @@
display: none; /* Chrome, Safari, Opera*/ 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 { :active {
cursor: url("../../img/cursors/cursor-hand-grab.svg"), auto; cursor: url("../../img/cursors/cursor-hand-grab.svg"), auto;
} }