你如何影响 MuiCardActions 组件上的填充

Question

我正在尝试将 MuiCardActions 组件的 "root" class 作为主题 custom-variables override 的目标。这是我的 JSS:

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

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

Link 到 post 我提出了一个已关闭的问题 - 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,
      },
    },
  }
},

你如何影响 MuiCardActions 组件上的填充

How do you affect the padding on the MuiCardActrions component

material-ui

jss