From 62cb4233e86a92897f446549c52a4b4fce68feb5 Mon Sep 17 00:00:00 2001 From: Antoine M Date: Mon, 13 May 2024 15:04:43 +0200 Subject: [PATCH] refining css toggle --- src/assets/css/components/ui/LanguageSelect.scss | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/src/assets/css/components/ui/LanguageSelect.scss b/src/assets/css/components/ui/LanguageSelect.scss index fa5c827..3d0281a 100644 --- a/src/assets/css/components/ui/LanguageSelect.scss +++ b/src/assets/css/components/ui/LanguageSelect.scss @@ -23,16 +23,20 @@ capitalize text-sm md:text-base - + py-2 md:py-3 px-5 - pr-12 + my-0 w-fit + w-full cursor-pointer + justify-end items-center; transform: skew(-2deg); + width: 100%; + .flag { @apply bg-slate-200 rounded-full w-6 h-6 md:w-8 md:h-8 flex justify-center items-center border-2 border-solid border-black overflow-hidden; @@ -42,12 +46,13 @@ } .language { - @apply font-bold ml-1 text-2xl text-zuume text-slate-900; + @apply font-bold ml-1 text-2xl text-zuume text-slate-900 mr-4; } &:after { - @apply block w-4 h-4 absolute right-5 - bg-center bg-no-repeat bg-contain; + @apply block w-4 h-4 right-5 + bg-center bg-no-repeat bg-contain ml-auto; + // absolute content: ""; background-image: url("../../../img/ui-elements/select_deploy_icon.svg"); }