Headerコンポーネントを作成

[TsubasaOura]

概要

https://myaccount.google.com/personal-info のヘッダーを参考にHeaderを作成

開発内容

Headerで下記のような見た目になるコンポーネントを作成

• これとか参考になりそう
• https://myaccount.google.com/personal-info のヘッダーを可能な限りpx単位で再現
• 検索バー、ヘルプボタン、アプリ一覧ボタンは現状はなしでOKです。
• クリックした時の表示とかは現状考えないでOKです。
• Googleアカウントの部分は＜ロゴ＞NUTFESアカウントでお願いします。
• ロゴはこちらから取得できます

開発手順

• src/components/common/Header.tsxを編集
• src/components/HomeLayout.tsxに配置

参考文献

• https://mui.com/material-ui/react-app-bar/#app-bar-with-responsive-menu
• https://github.com/NUTFes/lottery/tree/develop/app/src/components/common/HeaderMenu