TextInput height fix (#4327)

changed text input height to 32px
This commit is contained in:
Rachel Johnson
2024-03-07 06:37:27 -08:00
committed by GitHub
parent 41bed57be9
commit eabece6918

View File

@ -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,