Added the nav bar similar to home page

[rohan09-raj]

Closes #145 Before : After : (Mobile View) (Tablet View) (Desktop/Laptop View)

[rahilkapoor]

Looks perfect to me! But there is a slight change in the navbar...We have removed the home tab thus we will be navigating to the home page via the logo itself

Ignore the right corner sign-in thing for now!

[rohan09-raj]

Ohh okay, I forgot to remove it, will do it ASAP. And Is the padding fine or should I increase it to match the design.

[rahilkapoor]

You might have to increase the padding for it to look something similar...(make changes which you feel are necessary to make it look alike)✔

[rohan09-raj]

@whyDontI I have tested on multiple screen sizes and none of them is causing is issue. Can you please share the dimensions in which the horizontal scroll is caused or some reference please.

[whyDontI]

Not a problem with resolution, the problem is with the tasks page I guess, it's not replicating on any other pages. Can you check?

[rohan09-raj]

Not a problem with resolution, the problem is with the tasks page I guess, it's not replicating on any other pages. Can you check? @whyDontI Unable to get you. 😅😅, tasks page is working fine with other pages too. (mine, DS, Open PRs etc.). I checked all the pages. Yeah, there are some visual differences like font size and color of this (something went wrong! Please contact admin) text across all these pages. So, do I need to fix those or are you only talking about navBar ?? I couldn't get any issue regarding horizontal scroll😅😅

[rohan09-raj]

Not a problem with resolution, the problem is with the tasks page I guess, it's not replicating on any other pages. Can you check?

Made the suggested change.

• Navbar width: 100vw to width: 100% This was causing the navBar to scroll when data is loaded.

[rohan09-raj]

Good work 🥳

Thank you 😃