レイアウトの編集

[AyumuOgasawara]

概要

ヘッダーとサイドバーを避けてchildrenを配置したいが、現状の状態だと、各ページで、HeaderとSiderbar分のスペースを取得しなければならない。 そのため、{children}に入る全てのコンポーネントに対して、HeaderとSiderbar分を避けるレイアウトを実装する。

[AyumuOgasawara]

ヘッダーを置く。 childrenとサイドバーが入ったボックスを作成する。 childrenをBoxで囲んで配置する。 サイドバーの位置を指定する。 flexGrow={1}でchildrenに余ったスペースを全て与える。

[AyumuOgasawara]

上記のやり方でうまくいった。

ダッシュボード

全ての出費

しかし、英語の単語をつなげた文字列ではうまくいかなかった。

英語の文に対してはうまく動いた

おそらくReact側で何かされているのだと思うが、通常の文字列に対してはうまく機能するため一旦無視する。