chore: checkbox hover

AdaptiveConsulting · Jan 13, 2025 · 8810476 · 8810476
1 parent 85b1526
commit 8810476
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/client/src/client/components/Form/CheckBoxInput.tsx/CheckBoxInput.tsx b/packages/client/src/client/components/Form/CheckBoxInput.tsx/CheckBoxInput.tsx
@@ -23,11 +23,20 @@ const CheckBox = styled.input.attrs({ type: "checkbox" })<{
   height: 14px;
   border-radius: 4px;
 
+  &:hover {
+    border: 1px solid
+      ${({ theme }) => theme.newTheme.color["Colors/Background/bg-brand-solid"]};
+  }
+
   ${({ theme, checked }) =>
     checked &&
     `
     background-color: ${theme.newTheme.color["Colors/Background/bg-brand-solid"]};
     background-image: url("${Check}");
+
+    &:hover {
+      background-color: ${theme.newTheme.color["Colors/Background/bg-brand-solid_hover"]}
+    }
   `}
 `