Fixes #2: Create Sticky Navigation Header
Description
Adds NavBar component
Changes Made
How to Test
- pull origin to be branch
MJ-2
, then runnpm run dev
- check that routing is working and that sticky when scrolling
Related Issues
Provide links to any related issues.
Additional Notes
- routes are hard-coded into
NavBar
component, perhaps this could be changed in the future but I couldn't think of a good way right to pull them in from the js file right now. - watch statement just reloads the page to get it to update the currentView (maybe there's a better way? It seems to work well though)
- styling is whatever--I tried to make it look good enough for now but I'm assuming it will be changed later when we think more about this site
Merge Request Checklists
-
Ensure that code changes adhere to best practices documented in README.md
-
Clean the code the way Vue likes it - run npm run lint --fix
-
Document which browsers the site has been tested on: - Desktop/laptop
-
Chrome -
Safari -
Edge -
Firefox
-
- Mobile device
-
Chrome -
Safari -
Edge -
Firefox
-
- Desktop/laptop
Edited by Maggie Jaenicke