Add mobile responsiveness and style enhancements around top navbar and cookies notice
Issues related
Fix currently on mobile, top navbar content stacks in a sub-optimal way
Fix currently on some resolutions there is an rogue scrollbar on X axis
PR details
Refactored the cookies alert into a standalone component for easier management and reduce clutter on layout vue file
Refactored the top nav icons list into a standalone component, as it has many lines of repetitive syntax to reduce clutter. Also allows the addition of new custom mobile styling without adding clutter to header vue file
Changed header to retain website logo/name even on mobile, added interaction with extendable search bar to cater for small screens
Moved main navigation icons to bottom of the screen to allow for more room on top nav, in addition to ease of access on mobile
Feature
Add mobile responsiveness and style enhancements around top navbar and cookies notice
Issues related
PR details