-
Notifications
You must be signed in to change notification settings - Fork 0
[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
Conversation
There was a problem hiding this 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 href
s should now point to the pages rather than the sections
components/styles.css
Outdated
There was a problem hiding this comment.
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)
There was a problem hiding this comment.
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!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
okay committed
components/Hamburger.tsx
Outdated
> | ||
<ul> | ||
<li className="py-2"> | ||
<Link href={'#about'}>About Us</Link> |
There was a problem hiding this comment.
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'}
There was a problem hiding this comment.
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.
Looks good |
Why the changes are required?
To add a hamburger menu to mobile
Changes
Screenshots