💄 childrenのどのページからでも、ヘッダーとサイドバーを気にしなくてよくした (#34)

[AyumuOgasawara]

概要

layout.tsxでchildrenに対して、ヘッダーとサイドバーを避けて配置するようにすることで、childrenのどのページからでも、ヘッダーとサイドバーを気にしなくてよくした

実装詳細

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

動作確認

ダッシュボード

全ての出費

補足

英語のつながった単語に関してはレイアウトが効いていない。 通常の文に対しては効いているため、今回は無視するが、今後影響がある場合は修正する

英語の単語をつなげた文字列

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