From a4e721162590ddc31bfa6e96a1fab2b39ae146d1 Mon Sep 17 00:00:00 2001 From: Sammy Teillet Date: Wed, 19 Apr 2023 17:41:58 +0200 Subject: [PATCH] feature: adjust checkbox size --- front/src/components/form/Checkbox.tsx | 8 ++++---- front/src/components/table/ClickableCell.tsx | 1 + 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/front/src/components/form/Checkbox.tsx b/front/src/components/form/Checkbox.tsx index 48b159fc2..cbac13d3a 100644 --- a/front/src/components/form/Checkbox.tsx +++ b/front/src/components/form/Checkbox.tsx @@ -10,15 +10,15 @@ const StyledContainer = styled.span` input[type='checkbox'] { accent-color: ${(props) => props.theme.blue}; margin: 8px; - height: 16px; - width: 16px; + height: 14px; + width: 14px; } input[type='checkbox']::before { content: ''; border: 1px solid black; - width: 14px; - height: 14px; + width: 12px; + height: 12px; border-radius: 2px; display: block; } diff --git a/front/src/components/table/ClickableCell.tsx b/front/src/components/table/ClickableCell.tsx index f4738ed66..53d9d08e9 100644 --- a/front/src/components/table/ClickableCell.tsx +++ b/front/src/components/table/ClickableCell.tsx @@ -11,6 +11,7 @@ type OwnProps = { const TD = styled.td` position: relative; box-sizing: border-box; + height: 32px; ::before { content: '';