Merge pull request #50 from twentyhq/fix-checkbox
feature: adjust checkbox size
This commit is contained in:
@ -10,15 +10,15 @@ const StyledContainer = styled.span`
|
|||||||
input[type='checkbox'] {
|
input[type='checkbox'] {
|
||||||
accent-color: ${(props) => props.theme.blue};
|
accent-color: ${(props) => props.theme.blue};
|
||||||
margin: 8px;
|
margin: 8px;
|
||||||
height: 16px;
|
height: 14px;
|
||||||
width: 16px;
|
width: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type='checkbox']::before {
|
input[type='checkbox']::before {
|
||||||
content: '';
|
content: '';
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
width: 14px;
|
width: 12px;
|
||||||
height: 14px;
|
height: 12px;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -11,6 +11,7 @@ type OwnProps = {
|
|||||||
const TD = styled.td`
|
const TD = styled.td`
|
||||||
position: relative;
|
position: relative;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
height: 32px;
|
||||||
|
|
||||||
::before {
|
::before {
|
||||||
content: '';
|
content: '';
|
||||||
|
|||||||
Reference in New Issue
Block a user