fix: checkbox is not displaying properly

devchenyan · devchenyan · commit 4fed46e2470d · 2025-03-17T17:20:33.000+08:00
diff --git a/packages/neuron-ui/src/styles/mixin.scss b/packages/neuron-ui/src/styles/mixin.scss
@@ -196,23 +196,23 @@
     height: 20px;
     padding-left: 30px;
     line-height: 20px;
-    background: url('../widgets/Icons/Checkbox.svg') no-repeat left top;
+    background: url('widgets/Icons/Checkbox.svg') no-repeat left top;
     user-select: none;
   }
   input[type='checkbox']:checked + span {
-    background: url('../widgets/Icons/CheckboxSelected.svg') no-repeat left top;
+    background: url('widgets/Icons/CheckboxSelected.svg') no-repeat left top;
   }
 
   input[type='checkbox']:disabled:checked + span {
-    background: url('../widgets/Icons/CheckboxSelected.svg') no-repeat left top;
+    background: url('widgets/Icons/CheckboxSelected.svg') no-repeat left top;
     opacity: 0.5;
   }
   input[type='checkbox']:disabled + span {
     cursor: not-allowed;
-    background: url('../widgets/Icons/CheckboxDisabled.svg') no-repeat left top;
+    background: url('widgets/Icons/CheckboxDisabled.svg') no-repeat left top;
 
     @media (prefers-color-scheme: dark) {
-      background: url('../widgets/Icons/CheckboxDisabledDark.svg') no-repeat left top;
+      background: url('widgets/Icons/CheckboxDisabledDark.svg') no-repeat left top;
     }
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -196,23 +196,23 @@`
`196`	`196`	`height: 20px;`
`197`	`197`	`padding-left: 30px;`
`198`	`198`	`line-height: 20px;`
`199`		`- background: url('../widgets/Icons/Checkbox.svg') no-repeat left top;`
	`199`	`+ background: url('widgets/Icons/Checkbox.svg') no-repeat left top;`
`200`	`200`	`user-select: none;`
`201`	`201`	`}`
`202`	`202`	`input[type='checkbox']:checked + span {`
`203`		`- background: url('../widgets/Icons/CheckboxSelected.svg') no-repeat left top;`
	`203`	`+ background: url('widgets/Icons/CheckboxSelected.svg') no-repeat left top;`
`204`	`204`	`}`
`205`	`205`
`206`	`206`	`input[type='checkbox']:disabled:checked + span {`
`207`		`- background: url('../widgets/Icons/CheckboxSelected.svg') no-repeat left top;`
	`207`	`+ background: url('widgets/Icons/CheckboxSelected.svg') no-repeat left top;`
`208`	`208`	`opacity: 0.5;`
`209`	`209`	`}`
`210`	`210`	`input[type='checkbox']:disabled + span {`
`211`	`211`	`cursor: not-allowed;`
`212`		`- background: url('../widgets/Icons/CheckboxDisabled.svg') no-repeat left top;`
	`212`	`+ background: url('widgets/Icons/CheckboxDisabled.svg') no-repeat left top;`
`213`	`213`
`214`	`214`	`@media (prefers-color-scheme: dark) {`
`215`		`- background: url('../widgets/Icons/CheckboxDisabledDark.svg') no-repeat left top;`
	`215`	`+ background: url('widgets/Icons/CheckboxDisabledDark.svg') no-repeat left top;`
`216`	`216`	`}`
`217`	`217`	`}`
`218`	`218`	`}`