reactjs - 在 makeStyles 主题材料-ui 上设置和高度

Question

const useStyles = makeStyles(
  (theme) => ({
    iconContainer: {
      margin: theme.spacing(0, 4, 0, 0),
      [theme.breakpoints.up('md')]: {
        margin: theme.spacing(-1, 5, 0, -1),
      },
    },

   <Grid item className={classes.iconContainer}>
          {icon}
        </Grid>

管理：

如何通过主题设置类 iconContainer 的高度和高度

Answer 1

您可以简单地将高度/宽度添加到 useStyles 对象。

iconContainer: {
   width: 100, // px, you can use other units as well '40em', '40rem', '40%', etc... 
   height: 50, 
}