From 0718ab4fd1642076b5989a5fa601f67bc7482c1c Mon Sep 17 00:00:00 2001 From: Antoine M Date: Thu, 16 May 2024 10:52:54 +0200 Subject: [PATCH] correcting border antialisaing problem --- resources/css/components/search-module.css | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/resources/css/components/search-module.css b/resources/css/components/search-module.css index a135612..34e700d 100644 --- a/resources/css/components/search-module.css +++ b/resources/css/components/search-module.css @@ -42,14 +42,21 @@ } &__input { box-sizing: border-box; - @apply block max-w-full w-full flex-grow !py-4 border !border-neutral-500 border-r-0 rounded-full md:rounded-r-none px-4 focus-visible:ring-primary focus-visible:ring-2; + @apply block max-w-full w-full flex-grow !py-4 !border-neutral-500 px-4 focus-visible:ring-primary focus-visible:ring-2; + @apply border rounded-full md:rounded-r-none; outline: none !important; + /* border-right: none; + border-top-left-radius: 999px; + border-bottom-left-radius: 999px; + border: 1px solid; */ + + /* box-shadow: 0 0 1px 0px white inset, 0 0 1px 0px white; */ } button[type='submit'] { @apply bg-secondary text-white shrink-0 flex justify-center items-center gap-3 rounded-full md:rounded-l-none px-4 py-3 focus-visible:ring-primary focus-visible:ring-2; max-width: 300px; outline: none !important; - + transform: translateX(-1px); .search_icon { @apply invert; }