style: minor changes

This commit is contained in:
MAZE 2024-09-01 12:48:15 +04:30
parent 6a4dc1ed95
commit 7f3ac26b98

View file

@ -1,4 +1,5 @@
.wrapper {
position: relative;
display: flex;
align-items: center;
height: 45px;
@ -8,6 +9,22 @@
border: 1px solid var(--color-neutral-200);
border-radius: 8px;
&::before {
position: absolute;
bottom: -1px;
left: 50%;
width: 80%;
height: 1px;
content: '';
background: linear-gradient(
90deg,
transparent,
var(--color-neutral-300),
transparent
);
transform: translateX(-50%);
}
& input {
flex-grow: 1;
min-width: 0;
@ -26,10 +43,11 @@
height: 100%;
padding: 0 16px;
font-size: var(--font-sm);
font-weight: 500;
color: var(--color-foreground);
cursor: pointer;
background-color: var(--color-neutral-100);
border: 1px solid var(--color-neutral-200);
background-color: var(--color-neutral-200);
border: 1px solid var(--color-neutral-300);
border-radius: 4px;
}
}