Adjust Floating Input Padding and Border Color (#7328)

This PR fix the padding and border color of floating text input #7286 
The text area automatically has padding of 4px so I reset it to 0 and
adjusting container padding to 8px.
This commit is contained in:
Ngan Phan 2024-10-02 00:39:46 -07:00 committed by GitHub
parent d7dd41e7e4
commit 57eaa01d35
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -36,10 +36,10 @@ const StyledTextArea = styled(TextareaAutosize)`
`;
const StyledTextAreaContainer = styled.div`
border: ${({ theme }) => `1px solid ${theme.border.color.light}`};
border: ${({ theme }) => `1px solid ${theme.border.color.medium}`};
position: relative;
width: 100%;
padding: ${({ theme }) => theme.spacing(2)} ${({ theme }) => theme.spacing(1)};
padding: ${({ theme }) => theme.spacing(2)} ${({ theme }) => theme.spacing(0)};
border-radius: ${({ theme }) => theme.border.radius.sm};
background: ${({ theme }) => theme.background.primary};
`;