1024px未満での画面幅の時だけ見えるHeadTabコンポーネントを追加し、Headerに追加
Closed this issue · 0 comments
TsubasaOura commented
概要
https://myaccount.google.com/personal-info を参考に1024未満での画面幅の時だけ見えるHeadTabコンポーネントを追加し、Headerに追加
開発内容
スマホ画面 (width<1024)
- これとか参考になると思う
- タブの内容は以下のとおり
- ホーム
- 個人情報
- 学祭QRコード
- アイコンはMUIアイコンを使用
- 可能な限り myaccount.google.com のデザインをパクってください
開発手順
- src/components/HeadTabディレクトリを作成
- これを参考に上記ディレクトリにファイル作成
- HeadTab.tsx
- HeadTab.type.ts
- index.tsx
- src/pages/index.tsxとsrc/component/AccountHeader.tsxにHeadTabコンポーネントを配置