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

Question

'main' 元素的默认 max-width 是 1000px，我想让它更宽。我尝试了 customize style instruction 但无法通过 'styleguide.config.js'

中的以下配置找到 'main' 元素或 'rsg--content-xx' class

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

如有任何帮助，我们将不胜感激。

Answer 1

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

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

Answer 2

StyleGuideRenderer component takes the theme as the argument. maxWidth is set in the theme中的styles函数。您可以覆盖 styleguide.config.js:

中的主题属性

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

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

How to change the document content's width?

react-styleguidist