search

Counselllor / Counsellor-Web

Counselling/Recommendation System for new Undergrad Students
http://counsellor.social/
MIT License
72 stars 174 forks source link

Improving Navbar UI #514

Open Vedantjn opened 5 months ago

Vedantjn commented 5 months ago

Is your feature request related to a problem? Please describe. The navbar looks unattractive. Interaction is not so interesting.

Describe the solution you'd like I'll make use of CSS & JS to improve it.

Describe alternatives you've considered I can also make the whole navbar from scratch with eye pleasing UI.

Additional context Screenshot from 2024-05-11 23-36-22

github-actions[bot] commented 5 months ago

Hello Vedantjn, Thanks for opening an issue, your contribution is valuable to us. The maintainers will review this issue and provide feedback as soon as possible.

thestarsahil commented 5 months ago

Thank you for your attention to the navbar UI. If you're building it from scratch, please ensure that the color scheme aligns with the existing design, feels lightweight, and exudes a premium aesthetic. Your efforts in maintaining consistency and quality are greatly appreciated.

Vedantjn commented 5 months ago

I feel less is more. The white background covering the background of navbar was quite unnecessary. I removed it. Also gave transition to the buttons when we hover over it.

Initially: image

Before hovering on the Profile button: image

After hovering on the Profile button(Smooth transition): image

Also, I improved the transition when we hover over the Search button, it makes it look quite cool, if you don't like it, I'll remove it.