From 9b92fe7872c2db18c04e6c8267cc95655e0aed61 Mon Sep 17 00:00:00 2001 From: Antoine M Date: Thu, 16 May 2024 17:09:08 +0200 Subject: [PATCH] refining proportions on mobile --- src/assets/css/components/ui/BrandingLogo.scss | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/assets/css/components/ui/BrandingLogo.scss b/src/assets/css/components/ui/BrandingLogo.scss index 1a9de0f..5ac6b85 100644 --- a/src/assets/css/components/ui/BrandingLogo.scss +++ b/src/assets/css/components/ui/BrandingLogo.scss @@ -1,10 +1,13 @@ .lhoist-branding-logo { - @apply fixed bottom-4 left-4 z-10 bg-no-repeat w-auto h-auto; + @apply fixed bottom-7 left-1/2 md:left-10 z-10 bg-no-repeat w-auto h-auto; - translate: -2px -3px; + transform: translate(-50%, 0); + @screen md { + transform: translate(0, 0); + } img { - @apply w-16 md:w-24 h-auto py-2 md:py-6 px-2 md:px-6 md:py-6 md:pb-4 xl:px-10 z-10; + @apply w-20 md:w-24 h-auto py-6 pb-3 px-6 xl:px-8 z-10; } &:after { @apply absolute block top-0 left-0 w-full h-full bg-white;