N46 Remake フロントエンドの全ページ・コンポーネントに対して
Tailwind CSS のレスポンシブプレフィックス(sm: / md:)を用いたレスポンシブ対応 を実施した。
モバイル端末でも快適に閲覧できるよう、以下を調整:
設計方針は モバイルファースト。
| ファイル | 主な変更内容 |
|---|---|
| layout.tsx | viewport 分離、メタ情報更新 |
| page.tsx | グリッド・余白・フォントサイズ調整 |
| members/page.tsx | max-widthコンテナ追加、タイトル調整 |
| MembersDropdown.tsx | グリッド列数修正 |
| members/[id]/page.tsx | ヒーロー・本文エリアのレスポンシブ化 |
| diagnosis/page.tsx | ボタン配置変更、余白調整 |
| MemberRadarChart.tsx | チャート高さを段階的変更 |