Skip to content

Fixes #2: Create Sticky Navigation Header

Maggie Jaenicke requested to merge MJ-2 into main

Description

Adds NavBar component

Changes Made

navbar

stickyNavBar

mobileNavBar

How to Test

  • pull origin to be branch MJ-2, then run npm 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
Edited by Maggie Jaenicke

Merge request reports

Loading