Skip to content

[CW2-9] Add navbar / hamburger menu to mobile #8

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

Merged
merged 6 commits into from
Jun 4, 2024

Conversation

QuadAces
Copy link
Contributor

Why the changes are required?

To add a hamburger menu to mobile

Changes

  • changed sponsors to have an id, so when clicked on the hamburger menu it will go to it
  • added hamburger menu

Screenshots

Screenshot 2024-04-18 at 7 33 49 pm Screenshot 2024-04-18 at 7 34 05 pm ### Comments

@derekxu04 derekxu04 self-requested a review April 20, 2024 14:17
Copy link
Contributor

@derekxu04 derekxu04 left a comment

Choose a reason for hiding this comment

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

Alright looks pretty good

Just some small cosmetic changes, can we make the button a bit bigger (also maybe the text a little bigger as well)? Also I think the drop down extends a bit far down, can we crop this?

I've also pushed template pages for events, about, resources, etc. So all hrefs should now point to the pages rather than the sections

Copy link
Contributor

Choose a reason for hiding this comment

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

Do we need this? I think try to keep consistent to tailwind (for better or for worse)

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yeah sorry, the animation css I got from somewhere else. I'll try and make it "proper" by Thursday!

Copy link
Contributor Author

Choose a reason for hiding this comment

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

okay committed

>
<ul>
<li className="py-2">
<Link href={'#about'}>About Us</Link>
Copy link
Contributor

Choose a reason for hiding this comment

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

These should all be href={'about'}

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Now all the fancy CSS animation is gone. It should be functional now.

@derekxu04
Copy link
Contributor

Looks good

@derekxu04 derekxu04 merged commit edf4e7c into master Jun 4, 2024
1 check passed
@derekxu04 derekxu04 deleted the CW2-9_Add_navbar/hamburger_menu_to_mobile branch June 4, 2024 11:30
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.

2 participants