From 8bb4fb8857c864d258da2e262ebe5e8269732635 Mon Sep 17 00:00:00 2001 From: Antoine M Date: Thu, 16 May 2024 17:59:59 +0200 Subject: [PATCH] margins on mobile --- src/assets/css/components/game/Help.scss | 2 +- src/assets/css/components/game/Timer.scss | 2 +- src/assets/css/components/ui/AppLogoVector.scss | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/assets/css/components/game/Help.scss b/src/assets/css/components/game/Help.scss index ead54df..3c882bd 100644 --- a/src/assets/css/components/game/Help.scss +++ b/src/assets/css/components/game/Help.scss @@ -1,5 +1,5 @@ .help { - @apply absolute top-0 right-0 z-10 flex items-center gap-x-3 py-2 px-3 text-zuume text-xl pr-6 border-none; + @apply absolute top-3 lg:top-0 right-3 lg:right-0 z-10 flex items-center gap-x-3 py-2 px-3 text-zuume text-xl pr-6 border-none; transform: translate(3px, -2px); &:after { @apply block bg-white w-full h-full absolute top-0 left-0 z-0; diff --git a/src/assets/css/components/game/Timer.scss b/src/assets/css/components/game/Timer.scss index 7ecafb7..d10c537 100644 --- a/src/assets/css/components/game/Timer.scss +++ b/src/assets/css/components/game/Timer.scss @@ -1,5 +1,5 @@ .timer { - @apply absolute top-0 left-1/2 z-10 py-2 px-8 flex items-center gap-x-2; + @apply absolute top-3 lg:top-0 left-1/2 z-10 py-2 px-8 flex items-center gap-x-2; transform: translate(-50%, -2px); .bg { @apply absolute block top-0 left-1/2 w-full h-full bg-transparent bg-white; diff --git a/src/assets/css/components/ui/AppLogoVector.scss b/src/assets/css/components/ui/AppLogoVector.scss index 252128c..3d5f577 100644 --- a/src/assets/css/components/ui/AppLogoVector.scss +++ b/src/assets/css/components/ui/AppLogoVector.scss @@ -1,5 +1,5 @@ .app-logo-vector { - @apply md:absolute mr-auto ml-0 top-0 left-0 z-10 bg-no-repeat w-auto h-auto; + @apply md:absolute mr-auto ml-0 top-0 left-0 z-10 bg-no-repeat w-auto h-auto; background-position: left; background-size: 100% 100%; isolation: isolate;