refining search style
This commit is contained in:
parent
0ea3b2b022
commit
c0578b4db3
19
resources/css/components/search-module.css
Normal file
19
resources/css/components/search-module.css
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
.artisan-search-bar {
|
||||
@apply flex mt-6;
|
||||
#search-input {
|
||||
@apply block border border-solid !border-neutral-700 !rounded-full md:!rounded-r-none p-4 py-3 w-full;
|
||||
}
|
||||
|
||||
button[type='submit'] {
|
||||
@apply bg-patrimoine-sante-securite text-white shrink-0 flex justify-center items-center gap-3 rounded-full md:rounded-l-none px-6 py-3 focus-visible:ring-primary focus-visible:ring-2;
|
||||
max-width: 300px;
|
||||
outline: none !important;
|
||||
transform: translateX(-1px);
|
||||
&:active {
|
||||
filter: saturate(70%) brightness(90%);
|
||||
}
|
||||
.search_icon {
|
||||
@apply invert;
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user