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

remodeling component

Browse Source
This commit is contained in:
Antoine M 2024-02-15 18:48:32 +01:00
parent e8d893ca1a
commit d3710fce36
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/assets/css/components/CountrySelect.scss
View File

@ -1,20 +1,26 @@
.country-select {
@apply w-80 relative;
@apply relative my-8 flex flex-wrap gap-4;
&__toggle,
&__country-list {
@apply bg-white border-neutral-300 border border-solid w-full;
@apply bg-slate-100 border-none w-full;
}
&__label {
@apply bg-construction font-bold text-4xl py-3 px-6 block text-zuume;
line-height: 1;
}
&__toggle {
@apply rounded-md py-3
@apply py-3
text-neutral-800
capitalize
text-base
flex
pl-8
my-0
w-80
cursor-pointer
items-center;
transform: skew(-6deg);
.flag {
@apply pr-4;
@ -39,7 +45,7 @@
@apply hidden;
}
@apply max-h-64 my-0 absolute
z-10
z-30
pl-8 overflow-y-auto rounded-b-lg shadow-lg w-full;
box-sizing: border-box;
overflow-y: scroll;