fix: layout shifting issue with navbar caused by scroll bar

timlrx / tailwind-nextjs-starter-blog

This is a Next.js, Tailwind CSS blogging starter template. Comes out of the box configured with the latest technologies to make technical writing a breeze. Easily configurable and customizable. Perfect as a replacement to existing Jekyll and Hugo individual blogs.

https://tailwind-nextjs-starter-blog.vercel.app/

MIT License

8.45k stars 1.96k forks source link

fix: layout shifting issue with navbar caused by scroll bar #850

Closed iksflow closed 5 months ago

iksflow commented 6 months ago

There is an issue with layout shifting when clicking the navbar as shown in the image below. I resolved it by adding padding-left to the body tag. Screen Recording 2024-02-13 at 3 23 53 PM

vercel[bot] commented 6 months ago

Someone is attempting to deploy a commit to a Personal Account owned by @timlrx on Vercel.

@timlrx first needs to authorize it.

vercel[bot] commented 5 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
tailwind-nextjs-starter-blog	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 31, 2024 2:34pm

timlrx commented 5 months ago

Thanks, this is a very clever hack!