scottk/twenty
1
0
Fork 0
mirror of https://github.com/lingble/twenty.git synced 2025-11-03 14:17:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

feature: set the right color for unchecked checkbox

Browse Source
This commit is contained in:
Sammy Teillet
2023-04-18 18:07:55 +02:00
parent 8701d752d8
commit 0d9b04ea14
1 changed files with 17 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
front/src/components/form/Checkbox.tsx
View File

@@ -8,7 +8,23 @@ type OwnProps = {
const StyledContainer = styled.span` const StyledContainer = styled.span`
input[type='checkbox'] { input[type='checkbox'] {
accent-color: ${(props) => props.theme.purple}; accent-color: ${(props) => props.theme.blue};
margin: 8px;
height: 16px;
width: 16px;
}
input[type='checkbox']::before {
content: '';
border: 1px solid black;
width: 14px;
height: 14px;
border-radius: 2px;
display: block;
}
input[type='checkbox']:checked::before {
border: 1px solid ${(props) => props.theme.blue};
} }
`; `;