center align checkbox label by default

This commit is contained in:
jeffvli
2025-10-08 21:36:11 -07:00
parent 017df20ad0
commit 1d28a2496e
2 changed files with 5 additions and 0 deletions
@@ -7,6 +7,10 @@
} }
} }
.body {
align-items: center;
}
.input:disabled { .input:disabled {
border: 1px solid var(--theme-colors-border); border: 1px solid var(--theme-colors-border);
opacity: 0.6; opacity: 0.6;
@@ -10,6 +10,7 @@ export const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(
return ( return (
<MantineCheckbox <MantineCheckbox
classNames={{ classNames={{
body: styles.body,
input: styles.input, input: styles.input,
label: styles.label, label: styles.label,
...classNames, ...classNames,