correcting border antialisaing problem

This commit is contained in:
Antoine M 2024-05-16 10:52:54 +02:00
parent 0f8608f7f3
commit 0718ab4fd1

View File

@ -42,14 +42,21 @@
} }
&__input { &__input {
box-sizing: border-box; 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; 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'] { 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; @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; max-width: 300px;
outline: none !important; outline: none !important;
transform: translateX(-1px);
.search_icon { .search_icon {
@apply invert; @apply invert;
} }