imohit1o1 / medi-hub

MERN STACK HOSPITAL MANAGEMENT SYSTEM
https://medi--hub.vercel.app/
MIT License
51 stars 135 forks source link

[FEAT & ENHANCEMENT STYLING] : Adding scroll-to-top button & enhance the navbar. #328

Open AnkitLuhar opened 2 months ago

AnkitLuhar commented 2 months ago

Description

This issue involves two enhancements:

1.Adding a scroll-to-top button that appears when the user scrolls down and allows them to smoothly return to the top of the page.

2.Enhancing the navbar by adding a hover effect where a blue underline transitions from left to right under the navbar elements. Additionally, the navbar should become blurred when the user scrolls the webpage.

Actual Behavior:

1.There is currently no scroll-to-top button on the webpage.

2.The navbar elements don't have any effect on the hovering. The navbar does not blur when scrolling.

Expected Behavior:

1.A scroll-to-top button should appear when the user scrolls down, providing a smooth transition to the top when clicked

2.When a user hovers over a navbar element, a blue underline should transition from left to right under the element. The navbar should also become blurred when the user scrolls the webpage.

Screenshots (if applicable)

here are the S.S: Screenshot (916) Screenshot (917)

github-actions[bot] commented 2 months ago

Hi there!

Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.

Please note that this is the project owner, @itsmohit097 Do the fork and branch process properly (read contribution.md file). if no followed properly PR will not be merged. Thank you for your cooperation.

AnkitLuhar commented 2 months ago

@itsmohit097 Assign this issue under the Gssoc'24 and excited to contribute in ur project.