yadunut/clan-core
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix(ui): hover and inverted colors for checkbox

Browse Source
This commit is contained in:
Brian McGee
2025-06-27 09:45:38 +01:00
parent dffbc28723
commit 9d257c1538
1 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
pkgs/clan-app/ui/src/components/v2/Form/Field.css
View File

@@ -114,6 +114,10 @@ div.form-field {
& > div.checkbox-control { & > div.checkbox-control {
@apply w-5 h-5 rounded-sm bg-def-1 border border-inv-1 p-[0.0625rem]; @apply w-5 h-5 rounded-sm bg-def-1 border border-inv-1 p-[0.0625rem];
&:hover {
@apply bg-def-acc-2;
}
&[data-disabled] { &[data-disabled] {
@apply border-def-2; @apply border-def-2;
} }
@@ -190,7 +194,12 @@ div.form-field {
&.form-field-checkbox { &.form-field-checkbox {
& > div.checkbox-control { & > div.checkbox-control {
@apply bg-inv-acc-4; @apply bg-inv-1;
&:hover,
&[data-checked] {
@apply bg-inv-acc-4;
}
&[data-disabled] { &[data-disabled] {
@apply bg-def-4 border-none; @apply bg-def-4 border-none;