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.

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

レスポンシブ Feature/responsive #56

Merged
merged 13 commits into from
Oct 5, 2024
Merged

レスポンシブ Feature/responsive #56

merged 13 commits into from
Oct 5, 2024

Conversation

1nayu
Copy link
Member

@1nayu 1nayu commented Oct 5, 2024

チケット

#9 スマホ対応
#1 リデザイン

概要

  • Drawerを改善し、レイアウトをスマホに対応
  • スマホ対応に伴い、試合結果入力画面やリーグ表等をレスポンシブ化
  • 新しいSPORTSDAY共通のカラーテーマを導入

内容

通常の画面サイズでは、左側のメニューバーは固定表示されている。また、新しいカラーテーマが導入されている。
Screenshot 2024-10-05 at 15 41 34

画面の幅が790px以下になると自動的にハンバーガーメニューとなる。(右が開いた状態)
Screenshot 2024-10-05 at 15 45 38

試合結果入力画面がレスポンシブ化された
Screenshot 2024-10-05 at 15 48 35

新しいログインページ
Screenshot 2024-10-05 at 15 49 30

ダークモードは一度対応したが、RSC関係?でページ遷移のたびに一瞬ライトモードを挟む不具合が解消できなかったため、後回しにした。

@1nayu 1nayu requested a review from testusuke October 5, 2024 06:51
@1nayu 1nayu self-assigned this Oct 5, 2024
This was linked to issues Oct 5, 2024
Copy link
Member

@testusuke testusuke left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

こちらの環境でも正常に動作しました!

LGTM

@1nayu 1nayu merged commit 20b2dc0 into main Oct 5, 2024
1 check passed
@1nayu 1nayu deleted the feature/responsive branch October 5, 2024 08:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Adminのスマホ対応 管理画面の改善
2 participants