From c0578b4db37bf7e13725d0d16a9eeb6df29f2c18 Mon Sep 17 00:00:00 2001 From: Antoine M Date: Mon, 2 Dec 2024 12:32:53 +0100 Subject: [PATCH] refining search style --- resources/css/components/search-module.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) create mode 100644 resources/css/components/search-module.css diff --git a/resources/css/components/search-module.css b/resources/css/components/search-module.css new file mode 100644 index 0000000..6b95d39 --- /dev/null +++ b/resources/css/components/search-module.css @@ -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; + } + } +}