material-ui - 您如何影响 MuiCardActrions 组件上的填充

Question

我正在尝试MuiCardActions使用主题自定义变量覆盖来定位组件的“根”类。这是我的JSS：

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

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

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

Answer 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,
      },
    },
  }
},