layer5io / layer5

Layer5, expect more from your infrastructure
https://layer5.io
Apache License 2.0
880 stars 1.23k forks source link

Improvement of Navbar in Layer5 website for mobile version or smaller version #5713

Open upsaurav12 opened 3 months ago

upsaurav12 commented 3 months ago

Current Behavior

Currently the Navbar in Layer5 look like this image I think we can improve the NavBar to make the Better UI in Navbar

Desired Behavior

We can take inspiration from Meshery's Navbar

image it is very well implemented

Screenshots / Mockups

Implementation

Acceptance Tests


Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

Join the Layer5 Community by submitting your community member form.

sachan13harshit commented 3 months ago

I want to work on this issue @upsaurav12

upsaurav12 commented 3 months ago

I am working on this issue you can see other issues

upsaurav12 commented 3 months ago

thanks @narasimha-1511

Ashparshp commented 3 months ago

@upsaurav12 Any luck?

upsaurav12 commented 3 months ago

@Ashparshp I am working on this issue but it could take some time because i am learning the codebase

Ashparshp commented 3 months ago

Thank you @upsaurav12 Let us know, if need any assistance!

upsaurav12 commented 3 months ago

HI @Ashparshp i have almost done, just styling work is left It is looking like this

https://github.com/user-attachments/assets/a1d34a85-62e2-4395-9b74-5199a262ee3d

But i want to add plus icons but i am not able to add it by this import { FaBars } from "@react-icons/all-files/fa/FaBars"; Giving me error