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

Question

“ main”元素的默认max-width是1000px，我想扩大它的范围。我尝试了customize style instruction，但是无法在'styleguide.config.js'中的config下面找到'main'元素或'rsg--content-xx'类

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

任何帮助将不胜感激。

Answer 1

StyleGuideRenderer组件中的styles函数以主题为参数。在theme中设置了maxWidth。您可以在styleguide.config.js中覆盖主题属性：

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

Answer 2

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

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