react-styleguidist - 如何更改文档内容的宽度？

Question

max-width'main' 元素的默认值是1000px，我想让它更宽。我尝试了自定义样式指令，但无法通过“styleguide.config.js”中的以下配置找到“主”元素或“rsg--content-xx”类

styles: {
  StyleGuide: {
    'rsg--content': {
      maxWidth: 1300,
      width: 1300
    },
    '@global main': {
      maxWidth: 1300,
      width: 1300
    }
  }
}

任何帮助将不胜感激。

Answer 1

StyleGuideRenderer组件中的styles函数将主题作为参数。是设定的主题。您可以覆盖 styleguide.config.js 中的主题属性：maxWidth

module.exports = {
  theme: {
    maxWidth: 1300
  }
}

Answer 2

根据文档，它应该是这样的：

styles: {
  StyleGuide: {
    content: {
      maxWidth: 1300
    }
  }
}