On 5August i discussed my PR on meeting that was held. I got some feedback from Some contributors but was not able to hear or able to records my feedback due to due network issues.
Issue:-
opened 05:08PM - 21 Jul 24 UTC
kind/enhancement
### Current Behavior
Currently the ``Navbar`` in Layer5 look like this
![im⦠age](https://github.com/user-attachments/assets/2d8260cb-f05a-43f4-81c9-d4ecee688124)
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](https://github.com/user-attachments/assets/2d9244f8-5a0b-4a23-a324-afb046cbc363)
it is very well implemented
### Screenshots / Mockups
### Implementation
### Acceptance Tests
---
<img src="https://raw.githubusercontent.com/layer5io/layer5/master/.github/assets/images/layer5/5-light-small.svg" width="24px" align="left" /><h2>Contributor Resources and <a href="https://layer5.io/community/handbook">Handbook</a></h2>
The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the [`master` branch](https://github.com/layer5io/layer5/tree/master).
- π See [contributing instructions](https://github.com/layer5io/layer5/blob/master/CONTRIBUTING.md).
- π¨ Wireframes and [designs for Layer5 site](https://www.figma.com/file/5ZwEkSJwUPitURD59YHMEN/Layer5-Designs) in Figma [(open invite)](https://www.figma.com/team_invite/redeem/qJy1c95qirjgWQODApilR9)
- ππΎππΌ Questions: [Discussion Forum](https://discuss.layer5.io) and [Community Slack](https://slack.layer5.io).
<img src="https://raw.githubusercontent.com/layer5io/layer5/master/.github/assets/images/buttons/community.webp" height="22px" align="left" />Join the Layer5 Community by submitting your [community member form](https://layer5.io/newcomer).
PR:-
layer5io:master
β upsaurav12:mobile-nav#5713
opened 07:28AM - 04 Aug 24 UTC
**Description**
This PR fixes #5713
**Notes for Reviewers**
I have added β¦ ``+`` sign for toggle to show and hide ``sub-items``. I feel this navbar need more improvement in styling also
And it is looking like this
https://github.com/user-attachments/assets/766c33e4-5872-426a-ac1c-2c80c272c1f0
**[Signed commits](https://github.com/layer5io/layer5/blob/master/CONTRIBUTING.md#signing-off-on-commits-developer-certificate-of-origin)**
- [x] Yes, I signed my commits.
<!--
Thank you for contributing to Layer5 projects!
Contributing Conventions:
1. Include descriptive PR titles with [<component-name>] prepended.
2. Build and test your changes before submitting a PR.
3. Sign your commits
By following the community's contribution conventions upfront, the review process will
be accelerated and your PR merged more quickly.
-->
Yes , I am working on Visibility issue on Dark mode and replacing +
with >
Thank You