refining search style

This commit is contained in:
Antoine M 2024-12-02 12:32:53 +01:00
parent 0ea3b2b022
commit c0578b4db3

View 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;
}
}
}