Skip to content

Feat/navbar UI ux improvement#108

Merged
Mohit-368 merged 4 commits into
Mohit-368:mainfrom
Abhishek-gupta18:feat/navbar-ui-ux-improvement
May 16, 2026
Merged

Feat/navbar UI ux improvement#108
Mohit-368 merged 4 commits into
Mohit-368:mainfrom
Abhishek-gupta18:feat/navbar-ui-ux-improvement

Conversation

@Abhishek-gupta18
Copy link
Copy Markdown
Contributor

What This PR does:::

  • Added the shared navbar to the README Maker page.
  • Removed the duplicate local logo/theme toggle from the README Maker header area.
  • Removed the “README Maker / Create and preview your README below” text.
  • Fixed preview badge wrapping so badge rows don’t overflow horizontally.
  • Fixed the top README Maker toolbar so buttons don’t spill out on smaller screens.
  • Expanded the Preview / Raw MD tab area and made the lower action buttons take more width.
  • Attempted a README Maker-only glassmorphism treatment, but that was reverted (just giving a try, but didn't look good), so it is not present now.

Issue

Closes #96

Screenshots

Before:

  1. no proper alignment and Spacing in this.
image
  1. theres no Navbar in this and the option on the side were also overflowing the boundary
image

After Applying the changes:
image

Screenshot 2026-05-15 133542

I hope the changes are

@netlify
Copy link
Copy Markdown

netlify Bot commented May 15, 2026

Deploy Preview for makeareadme ready!

Name Link
🔨 Latest commit 3202877
🔍 Latest deploy log https://app.netlify.com/projects/makeareadme/deploys/6a0758a93330940008b5a575
😎 Deploy Preview https://deploy-preview-108--makeareadme.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Copy Markdown
Contributor Author

@Abhishek-gupta18 Abhishek-gupta18 left a comment

Choose a reason for hiding this comment

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

everything seems good, waiting for approval

@Mohit-368
Copy link
Copy Markdown
Owner

@Abhishek-gupta18 the source button should be near the dark/light mode button

@Abhishek-gupta18
Copy link
Copy Markdown
Contributor Author

Abhishek-gupta18 commented May 15, 2026

@Mohit-368
I have made the required changes, pls review it.

@Mohit-368
Copy link
Copy Markdown
Owner

@Abhishek-gupta18 you just broke the responsiveness in mobile the source code should be in hamburger menu

@Abhishek-gupta18
Copy link
Copy Markdown
Contributor Author

Abhishek-gupta18 commented May 15, 2026

the issue have been solved and the responsiveness and layout of the hamburger menu is not changed

Screenshot is attached with this comment

added a small transition to is as well🤏

Screenshot 2026-05-15 230056

@Mohit-368 Mohit-368 merged commit b583ce9 into Mohit-368:main May 16, 2026
8 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Improve Navbar UI/UX and Responsiveness

2 participants