admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Adjust Floating Input Padding and Border Color (#7328)

Browse Source 
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
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/twenty-front/src/modules/ui/field/input/components/TextAreaInput.tsx
View File

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