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 { .country-select {
@apply w-80 relative; @apply relative my-8 flex flex-wrap gap-4;
&__toggle, &__toggle,
&__country-list { &__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 { &__toggle {
@apply rounded-md py-3 @apply py-3
text-neutral-800 text-neutral-800
capitalize capitalize
text-base text-base
flex flex
pl-8 pl-8
my-0 my-0
w-80
cursor-pointer cursor-pointer
items-center; items-center;
transform: skew(-6deg);
.flag { .flag {
@apply pr-4; @apply pr-4;
@ -39,7 +45,7 @@
@apply hidden; @apply hidden;
} }
@apply max-h-64 my-0 absolute @apply max-h-64 my-0 absolute
z-10 z-30
pl-8 overflow-y-auto rounded-b-lg shadow-lg w-full; pl-8 overflow-y-auto rounded-b-lg shadow-lg w-full;
box-sizing: border-box; box-sizing: border-box;
overflow-y: scroll; overflow-y: scroll;