Skip to content

fix: improve header alignment and navigation spacing#596

Merged
Aditya948351 merged 3 commits into
devpathindcommunity-india:masterfrom
SagarSingh01:header-fixing
Jun 13, 2026
Merged

fix: improve header alignment and navigation spacing#596
Aditya948351 merged 3 commits into
devpathindcommunity-india:masterfrom
SagarSingh01:header-fixing

Conversation

@SagarSingh01

Copy link
Copy Markdown
Contributor

Description

Fixes the navbar header styling and scroll progress bar positioning.

Changes

  • Fixed navbar layout issues
  • Adjusted scroll progress bar to align with the bottom edge of the navbar
  • Updated navbar styling for improved visual consistency

Before

image

After

image

Fixes #574

Type of change

  • Bug fix (non-breaking change which fixes an issue)

How Has This Been Tested?

  • Local testing

Checklist

  • My code follows the style guidelines of this project
  • I have performed a self-review of my own code
  • My changes generate no new warnings or errors
  • I have checked that the "DevPath India" branding remains intact

@github-actions github-actions Bot added gssoc26 This is a official GirlScript Summer of Code label. level:intermediate Intermediate level issues type:design type:feature labels Jun 12, 2026
@Aditya948351

Aditya948351 commented Jun 13, 2026

Copy link
Copy Markdown
Collaborator

Great work @SagarSingh01 Loved the newer UI, The UI you added now looks better than the earlier one!
Hope this UI shows consistency throughout!

Though there are some conflicts and some checks failing kindly resolve conflicts and try if this Lint check gets successful.

@SagarSingh01

Copy link
Copy Markdown
Contributor Author

@Aditya948351 Done

@Aditya948351

Copy link
Copy Markdown
Collaborator

Still @SagarSingh01 There are some newer conflicts as i just merged PR #600

@SagarSingh01

Copy link
Copy Markdown
Contributor Author

@Aditya948351 Okay wait

@SagarSingh01

Copy link
Copy Markdown
Contributor Author

@Aditya948351 Done?

@Aditya948351 Aditya948351 merged commit a47481c into devpathindcommunity-india:master Jun 13, 2026
1 of 2 checks passed

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR updates the site navbar styling to improve visual alignment/spacing and attempts to reposition a scroll progress indicator to the bottom edge of the navbar (fixing #574).

Changes:

  • Refactors Navbar.module.css for a redesigned navbar layout (container positioning, nav pill spacing, mobile drawer styling).
  • Adds a motion.div progress bar element intended to scale with scroll progress.
  • Updates package-lock.json with lockfile metadata changes (notably removing libc constraints on several optional platform packages).

Reviewed changes

Copilot reviewed 2 out of 3 changed files in this pull request and generated 7 comments.

File Description
src/components/layout/Navbar.tsx Adds a Framer Motion progress bar element to the navbar markup.
src/components/layout/Navbar.module.css Major navbar CSS rewrite, including progress bar styling and responsive/mobile drawer adjustments.
package-lock.json Removes libc fields from multiple Sharp-related optional platform packages.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread src/components/layout/Navbar.tsx
Comment thread src/components/layout/Navbar.module.css
Comment thread src/components/layout/Navbar.module.css
Comment thread src/components/layout/Navbar.module.css
Comment thread src/components/layout/Navbar.module.css
Comment thread src/components/layout/Navbar.module.css
Comment thread src/components/layout/Navbar.module.css
@SagarSingh01 SagarSingh01 deleted the header-fixing branch June 13, 2026 16:00
@Aditya948351 Aditya948351 added the gssoc:approved give 50+ base points label Jun 14, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc:approved give 50+ base points gssoc26 This is a official GirlScript Summer of Code label. level:intermediate Intermediate level issues quality:exceptional type:design type:feature

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Enhance Header/Navbar UI for Better Aesthetics and Responsiveness

3 participants