chore: use px values instead of theme.spacing and theme.shape.borderRadius (#10519)

This commit is contained in:
Kayla Washburn
2023-11-06 11:43:06 -05:00
committed by GitHub
parent 0cb875cba5
commit ca6e6213bf
144 changed files with 774 additions and 958 deletions

View File

@ -72,15 +72,15 @@ export const MultiTextField: FC<MultiTextFieldProps> = ({
const styles = {
root: (theme) => ({
border: `1px solid ${theme.palette.divider}`,
borderRadius: theme.shape.borderRadius,
minHeight: theme.spacing(6), // Chip height + paddings
padding: theme.spacing(1.25, 1.75),
fontSize: theme.spacing(2),
borderRadius: 8,
minHeight: 48, // Chip height + paddings
padding: "10px 14px",
fontSize: 16,
display: "flex",
flexWrap: "wrap",
gap: theme.spacing(1),
gap: 8,
position: "relative",
margin: theme.spacing(1, 0, 0.5), // Have same margin than TextField
margin: "8px 0 4px", // Have same margin than TextField
"&:has(input:focus)": {
borderColor: theme.palette.primary.main,