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
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");
}