fix(ui): unify checkbox size — drop size="small" on raw checkboxes
The kit CheckboxField (used on most pages) renders MUI's default medium checkbox, but four raw <Checkbox> usages forced size="small": OfferDetail's 'V ceně' table cell and 'Účtovat DPH' form checkbox, and the Settings permission-matrix module + per-permission checkboxes. They looked undersized next to the rest of the page. Removing size="small" makes every checkbox the same standard size app-wide. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -306,7 +306,6 @@ function SortableItemRow({
|
|||||||
checked={item.is_included_in_total}
|
checked={item.is_included_in_total}
|
||||||
onChange={(e) => onUpdate("is_included_in_total", e.target.checked)}
|
onChange={(e) => onUpdate("is_included_in_total", e.target.checked)}
|
||||||
disabled={readOnly}
|
disabled={readOnly}
|
||||||
size="small"
|
|
||||||
/>
|
/>
|
||||||
</TableCell>
|
</TableCell>
|
||||||
<TableCell
|
<TableCell
|
||||||
@@ -1312,7 +1311,6 @@ export default function OfferDetail() {
|
|||||||
checked={form.apply_vat}
|
checked={form.apply_vat}
|
||||||
onChange={(e) => updateForm("apply_vat", e.target.checked)}
|
onChange={(e) => updateForm("apply_vat", e.target.checked)}
|
||||||
disabled={readOnly}
|
disabled={readOnly}
|
||||||
size="small"
|
|
||||||
/>
|
/>
|
||||||
<Box component="span">Účtovat DPH</Box>
|
<Box component="span">Účtovat DPH</Box>
|
||||||
</Box>
|
</Box>
|
||||||
|
|||||||
@@ -1277,7 +1277,6 @@ export default function Settings() {
|
|||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<Checkbox
|
<Checkbox
|
||||||
size="small"
|
|
||||||
checked={allChecked}
|
checked={allChecked}
|
||||||
indeterminate={someChecked && !allChecked}
|
indeterminate={someChecked && !allChecked}
|
||||||
onChange={() => toggleModulePermissions(module)}
|
onChange={() => toggleModulePermissions(module)}
|
||||||
@@ -1308,7 +1307,6 @@ export default function Settings() {
|
|||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<Checkbox
|
<Checkbox
|
||||||
size="small"
|
|
||||||
checked={form.permissions.includes(perm.name)}
|
checked={form.permissions.includes(perm.name)}
|
||||||
onChange={() => togglePermission(perm.name)}
|
onChange={() => togglePermission(perm.name)}
|
||||||
disabled={disabled}
|
disabled={disabled}
|
||||||
|
|||||||
Reference in New Issue
Block a user