Fix Chip small size label padding
Bump small chip label padding from MUI default 8px to 12px (spacing.3) to match medium size — pill border-radius eats into perceived spacing. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -595,12 +595,14 @@ export const theme = createTheme({
|
|||||||
sizeMedium: {
|
sizeMedium: {
|
||||||
height: parseInt(t.ChipHeightMd, 10),
|
height: parseInt(t.ChipHeightMd, 10),
|
||||||
fontSize: t.ChipFontSizeMd,
|
fontSize: t.ChipFontSizeMd,
|
||||||
|
'& .MuiChip-label': { paddingLeft: t.ChipPaddingXMd, paddingRight: t.ChipPaddingXMd },
|
||||||
'& .MuiChip-icon': { fontSize: t.ChipIconSizeMd, marginLeft: t.ChipPaddingXMd },
|
'& .MuiChip-icon': { fontSize: t.ChipIconSizeMd, marginLeft: t.ChipPaddingXMd },
|
||||||
'& .MuiChip-deleteIcon': { fontSize: t.ChipDeleteIconSizeMd, marginRight: t.ChipPaddingXMd },
|
'& .MuiChip-deleteIcon': { fontSize: t.ChipDeleteIconSizeMd, marginRight: t.ChipPaddingXMd },
|
||||||
},
|
},
|
||||||
sizeSmall: {
|
sizeSmall: {
|
||||||
height: parseInt(t.ChipHeightSm, 10),
|
height: parseInt(t.ChipHeightSm, 10),
|
||||||
fontSize: t.ChipFontSizeSm,
|
fontSize: t.ChipFontSizeSm,
|
||||||
|
'& .MuiChip-label': { paddingLeft: t.ChipPaddingXMd, paddingRight: t.ChipPaddingXMd },
|
||||||
'& .MuiChip-icon': { fontSize: t.ChipIconSizeSm, marginLeft: t.ChipPaddingXSm },
|
'& .MuiChip-icon': { fontSize: t.ChipIconSizeSm, marginLeft: t.ChipPaddingXSm },
|
||||||
'& .MuiChip-deleteIcon': { fontSize: t.ChipDeleteIconSizeSm, marginRight: t.ChipPaddingXSm },
|
'& .MuiChip-deleteIcon': { fontSize: t.ChipDeleteIconSizeSm, marginRight: t.ChipPaddingXSm },
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user