react-styleguidist - ドキュメントのコンテンツの幅を変更するには?

Question

max-width「main」要素のデフォルトは ですが1000px、もっと広くしたいです。スタイルのカスタマイズ命令を試しましたが、「styleguide.config.js」の構成の下で「main」要素または「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
    }
  }
}