您如何影响 MuiCardActrions 组件上的填充答案

【问题标题】：How do you affect the padding on the MuiCardActrions component您如何影响 MuiCardActrions 组件上的填充
【发布时间】：2018-06-15 22:19:46
【问题描述】：

我正在尝试使用主题 custom-variables override 来定位 MuiCardActions 组件的“根”类。这是我的JSS：

overrides: {
  MuiCardActions: {
    root: {
      display: 'flex',
      justifyContent: 'flex-end',
      padding: 0
    },
  }
},

我可以看到显示“flex”和“flex-end”正在影响它。如果我将它更改为 'space-between' 它确实会影响组件，但填充没有影响。

链接到我在已关闭问题上发布的帖子 - 9749

【问题讨论】：

标签： material-ui jss

【解决方案1】：

覆盖功能在 JavaScript 级别而不是 CSS 级别运行。您必须考虑媒体查询： https://github.com/mui-org/material-ui/blob/33a03a06c51a0d70260a89a022d6e57e80d02629/packages/material-ui/src/CardActions/CardActions.js#L13-L16

应该这样做：

overrides: {
  MuiCardActions: {
    root: {
      display: 'flex',
      justifyContent: 'flex-end',
      [theme.breakpoints.up(0)] : {    
        padding: 0,
      },
    },
  }
},

【讨论】：