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