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

Make header mobile friendly #38

Open
sbddesign opened this issue Jul 30, 2023 · 4 comments
Open

Make header mobile friendly #38

sbddesign opened this issue Jul 30, 2023 · 4 comments
Assignees
@bnonni
Labels
frontend hackathon

Comments

@sbddesign
Copy link
Member

No description provided.

@sbddesign sbddesign converted this from a draft issue Jul 30, 2023
@sbddesign sbddesign moved this from In Progress to Todo in BitDevs Upgrade AI 4 All MVP Jul 30, 2023
@sbddesign sbddesign moved this from Todo to In Progress in BitDevs Upgrade AI 4 All MVP Jul 31, 2023
@bnonni
Copy link
Member

bnonni commented Jul 31, 2023

#49

@bnonni bnonni moved this from In Progress to In Review in BitDevs Upgrade AI 4 All MVP Jul 31, 2023
@sbddesign sbddesign mentioned this issue Jul 31, 2023
Closed
@sbddesign
Copy link
Member Author

The purpsoe of this issue is to make a mobile friendly header. To b e more specific, we need a hamburger menu.

@bnonni
Copy link
Member

bnonni commented Jul 31, 2023

oh. that context is important 😂 thought you meant fixing the sizing of the MeetupName. I'll keep working.

@bnonni
Copy link
Member

bnonni commented Jul 31, 2023 •
edited
Loading

Tech Spec

  • turn head header into a client component with "use client"
  • use useState to make a navExpanded state thingy
  • add a hamburder icon with md:hidden
  • add an onClick to the icon change the setExpanded state
  • Bind visibility of the mobile menu to the expanded state

Design: https://www.figma.com/file/4bV8cJBpreCpWwJ55uk9Rb/BitDevs-Upgrade?type=design&node-id=217%3A3516&mode=design&t=Cn1NReDZ6ucF2uln-1

@bnonni bnonni moved this from In Review to In Progress in BitDevs Upgrade AI 4 All MVP Jul 31, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@bnonni bnonni

Labels
frontend hackathon
Projects
BitDevs Upgrade AI 4 All MVP
Status: In Progress
Milestone
No milestone
Development

No branches or pull requests
2 participants
@sbddesign @bnonni