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

refining css toggle

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

15
src/assets/css/components/ui/LanguageSelect.scss
View File

@ -23,16 +23,20 @@
capitalize capitalize
text-sm text-sm
md:text-base md:text-base
py-2
md:py-3 md:py-3
px-5 px-5
pr-12
my-0 my-0
w-fit w-fit
w-full
cursor-pointer cursor-pointer
justify-end
items-center; items-center;
transform: skew(-2deg); transform: skew(-2deg);
width: 100%;
.flag { .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; @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 { .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 { &:after {
@apply block w-4 h-4 absolute right-5 @apply block w-4 h-4 right-5
bg-center bg-no-repeat bg-contain; bg-center bg-no-repeat bg-contain ml-auto;
// absolute
content: ""; content: "";
background-image: url("../../../img/ui-elements/select_deploy_icon.svg"); background-image: url("../../../img/ui-elements/select_deploy_icon.svg");
} }