Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

ヘッダーのレスポンシブ対応 #163

Closed
hotman78 opened this issue May 7, 2023 · 0 comments · Fixed by #171
Closed

ヘッダーのレスポンシブ対応 #163

hotman78 opened this issue May 7, 2023 · 0 comments · Fixed by #171

Comments

@hotman78
Copy link
Contributor

hotman78 commented May 7, 2023

概要

スマホで library checker にアクセスした際に headerの UI が少し壊れてしまうのをどうにかしたいです。
他の部分はスマホに最適化されているかは別にしてスマホからだと押せなくなるボタン等はなさそうでした。

image

修正案

displayサイズが小さいときに処理を分けて小さいときは drawer を使用したハンバーガーメニューに切り替えれば良さそうです。
https://mui.com/system/display/
https://mui.com/material-ui/react-drawer/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

163 support responsive design hotman78/library-checker-frontend
1 participant
@hotman78