margins on mobile

This commit is contained in:
Antoine M 2024-05-16 17:59:59 +02:00
parent 51cab95224
commit 8bb4fb8857
3 changed files with 3 additions and 3 deletions

View File

@ -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;

View File

@ -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;

View File

@ -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;