correcting border antialisaing problem
This commit is contained in:
parent
0f8608f7f3
commit
0718ab4fd1
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user