search

codersforcauses / poops

A progressive web app to help volunteers track their volunteering activities, register vet concerns and log incident reports. Documentations: https://codersforcauses.github.io/poops
https://poops.vercel.app/
MIT License
23 stars 5 forks source link

Refactor Navbar UI #150

Closed junhyap closed 1 year ago

junhyap commented 1 year ago

Is your feature request related to a problem? Please describe. The current navbar could better conform to industry standards.

Describe the solution you'd like An instagram style navbar. All icons should be outline but filled when on the page.

239D1CDF-6761-484D-AC73-0E8252830DDC

image Note: This is just a scrappy design I threw together for the sake of visualisation and can be changed. Just get approval from me.

The svg file for the poops dog icon can be found in ../public/images/poops.svg

github-actions[bot] commented 1 year ago

Branch i150-refactor_navbar_ui created!

Techno-UWA commented 1 year ago

Observations

Hey @skyheat, it looks like there's been a bit of work on #150 Refactor the Navbar UI already though I think there are some areas of improvement. I think in particular if we're going to use the same Navbar for PC layout it may need some adjustments to adapt to the different screen size.

Questions

But I was wondering if there was anything in particular that still needs to be done? Or is the goal of the issue to make the Navbar even more similar to the Instagram Navbar?

(Image is from the website as it is at the moment, I think?)

image

junhyap commented 1 year ago

Work has been previously done on it but feel free to scrap it entirely if you wish :)

The goal is for the UI to be similar to an instagram navbar rather than the current one, in essence, just removing the middle dog visits icon and making it an icon in the same vein as the others.