New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Update main.css #184

Open

akashdip2001 wants to merge 1 commit into billimarie:master from akashdip2001:master

akashdip2001 commented Oct 3, 2024

Update Description:

Enhancements to Navigation Bar:

Hover Effect Added: Introduced a smooth hover effect for the navigation bar buttons to enhance user experience. Now, when hovering over a navigation link, the background color subtly changes to a light shade, and the text color switches to a distinct blue. This makes the navigation more interactive and visually appealing.
- CSS changes: Updated the .nav-link styles to include background-color and color transitions on hover.

Code Changes:

File modified: client/templates/partials/nav.html and client/main.css

CSS Added:

.nav-link {
  font-size: 1em;
  color: #000; /* Default text color */
  transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition */
}

.nav-link:hover {
  background-color: #f8f9fa; /* Light background on hover */
  color: #007bff; /* Change text color on hover */
}

These enhancements are aimed at improving the usability and aesthetic of the navigation bar.


          Update main.css

806ab5f

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet