search

ANSHIKA-26 / WordWise

Blogging website
https://anshika-26.github.io/WordWise/
61 stars 215 forks source link

Changing Navbar Design #580

Closed shivam8112005 closed 3 days ago

shivam8112005 commented 6 days ago

Describe the bug The Navbar design uses an outdated hover effect, and the spacing and alignment of items are inconsistent. The links look cluttered, and the overall visual appeal is diminished due to these issues.

To Reproduce Steps to reproduce the behavior:

  1. Go to the website.
  2. Hover over the Navbar links and observe the outdated hover effect.
  3. Observe the improper spacing and misalignment of Navbar items.

Expected behavior The Navbar should have a modern, sleek hover effect, such as smooth transitions or subtle highlights. The items should be properly spaced and aligned for a clean, visually appealing design. The Navbar should maintain a balanced layout without any overlapping or uneven spacing.

Screenshots

Screenshot 2024-10-06 212825

Additional context The issue may stem from outdated CSS styles or incorrect use of layout classes. Revisiting the CSS for hover effects and item alignment could help modernize the design..

github-actions[bot] commented 6 days ago

Thanks @shivam8112005 for raising this issue! We'll look into it.We hope you have made sure that a similar issue doesnt exist , if it does, kindly ask to be assigned on that issue

github-actions[bot] commented 6 days ago

Thanks for raising this issue! However, we believe a similar issue already exists. Kindly go through all the open issues and ask to be assigned to that issue.

ANSHIKA-26 commented 5 days ago

heyy , image i really like this effect , just make sure its added across all pages ! and that sign in and login buttons drop down when one clicks on the profile icon

shivam8112005 commented 5 days ago

ohk you mean i have to remove signin and login button from navbar and add profile icon on place of that

ANSHIKA-26 commented 5 days ago

yep , and when one clicks on profile the login sign up drop down opens

ANSHIKA-26 commented 5 days ago

just start with hover and lets see how it goes from there , keep us updated , make sure the navbar is consistent on all pages

ANSHIKA-26 commented 5 days ago

pr https://github.com/ANSHIKA-26/WordWise/pull/507 something like this

shivam8112005 commented 5 days ago

Okk got it

shivam8112005 commented 5 days ago

hey @ANSHIKA-26 can i complete this task till tomorrow evening? coz tody i am traveling.

ANSHIKA-26 commented 5 days ago

sure

ANSHIKA-26 commented 5 days ago

take your time , just do it properly once you do it

shivam8112005 commented 5 days ago

okk sure

PulkitShubham commented 4 days ago

I want to enhance the overall design .......it would be great if you assign it to me maam