Merge pull request #310 from devforth/AdminForth/762

ivictbor · web-flow · commit ec8dc50fa48f · 2025-08-13T14:47:30.000+03:00
feat: scale CheckOutline icon in checkbox using rem
diff --git a/adminforth/spa/src/afcl/Checkbox.vue b/adminforth/spa/src/afcl/Checkbox.vue
@@ -12,7 +12,7 @@
                         focus:ring-2 dark:bg-darkCheckboxBgUnchecked dark:border-darkCheckboxBorderColor dark:checked:bg-darkCheckboxBgChecked cursor-pointer"
         >     
         <div class="pointer-events-none absolute text-lightCheckboxIconColor dark:text-darkCheckboxIconColor leading-none peer-checked:block hidden">
-          <IconCheckOutline width="18" height="18" />
+          <IconCheckOutline style="width: 1.1rem; height: 1.1rem;" />
         </div> 
     </div>
     <label :for="id" class="ms-2 text-sm font-medium text-lightTextLabel dark:text-darkTextLabel">

Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@`
`12`	`12`	`focus:ring-2 dark:bg-darkCheckboxBgUnchecked dark:border-darkCheckboxBorderColor dark:checked:bg-darkCheckboxBgChecked cursor-pointer"`
`13`	`13`	`>`
`14`	`14`	`<div class="pointer-events-none absolute text-lightCheckboxIconColor dark:text-darkCheckboxIconColor leading-none peer-checked:block hidden">`
`15`		`- <IconCheckOutline width="18" height="18" />`
	`15`	`+ <IconCheckOutline style="width: 1.1rem; height: 1.1rem;" />`
`16`	`16`	`</div>`
`17`	`17`	`</div>`
`18`	`18`	`<label :for="id" class="ms-2 text-sm font-medium text-lightTextLabel dark:text-darkTextLabel">`