design(Checkbox): css 수정 (보더 두께 등)

kakao-tech-campus-2nd-step3 · Nov 17, 2024 · 3317b05 · 3317b05
1 parent bd22ae7
commit 3317b05
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/components/common/form/Checkbox/index.tsx b/src/components/common/form/Checkbox/index.tsx
@@ -13,11 +13,13 @@ const Checkbox = ({ isChecked, onChange }: StyledCheckboxProps) => {
   return <StyledCheckbox type="checkbox" checked={isChecked} onChange={handleChange} />;
 };
 
+export default Checkbox;
+
 const StyledCheckbox = styled.input`
   width: 14px;
   height: 14px;
-  border: 0.5px solid #d6d6d6;
-  border-radius: 2px;
+  border: 1px solid #d6d6d6;
+  border-radius: var(--border-radius);
   appearance: none; /* 기본 체크박스 스타일 제거 */
   outline: none;
   position: relative;
@@ -30,10 +32,8 @@ const StyledCheckbox = styled.input`
     content: '✓';
     position: absolute;
     top: 0;
-    left: 3px;
+    left: 2px;
     color: white;
     font-size: 14px;
   }
 `;
-
-export default Checkbox;