@ -60,15 +60,15 @@ const StyledInput = styled.input<Pick<TextInputComponentProps, 'fullWidth'>>`
|
|||||||
border-bottom-left-radius: ${({ theme }) => theme.border.radius.sm};
|
border-bottom-left-radius: ${({ theme }) => theme.border.radius.sm};
|
||||||
border-right: none;
|
border-right: none;
|
||||||
border-top-left-radius: ${({ theme }) => theme.border.radius.sm};
|
border-top-left-radius: ${({ theme }) => theme.border.radius.sm};
|
||||||
|
box-sizing: border-box;
|
||||||
color: ${({ theme }) => theme.font.color.primary};
|
color: ${({ theme }) => theme.font.color.primary};
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
font-family: ${({ theme }) => theme.font.family};
|
font-family: ${({ theme }) => theme.font.family};
|
||||||
|
|
||||||
font-weight: ${({ theme }) => theme.font.weight.regular};
|
font-weight: ${({ theme }) => theme.font.weight.regular};
|
||||||
|
height: 32px;
|
||||||
outline: none;
|
outline: none;
|
||||||
padding: ${({ theme }) => theme.spacing(2)};
|
padding: ${({ theme }) => theme.spacing(2)};
|
||||||
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
&::placeholder,
|
&::placeholder,
|
||||||
|
|||||||
Reference in New Issue
Block a user