shopstr icon indicating copy to clipboard operation
shopstr copied to clipboard
verified publisher icon shopstr-eng

Enhance Navbar UI and Add Active State Highlighting

Open Abhi25jk opened this issue 8 months ago • 4 comments

I improved the navigation bar UI by adding interactivity and better layout alignment. Some of the Key changes include:-

  1. Added active state styling to navbar tabs (e.g., Marketplace, Orders, Wallet, etc.) for better navigation feedback.

  2. Enhanced UI spacing and alignment to create a cleaner, more consistent look.

  3. Improved cart icon display with dynamic update to show item count.

Before

Navbar_Before

After

Navbar_After

Abhi25jk avatar Apr 09 '25 10:04 Abhi25jk

The | bars I think are preferred to be kept as they define more compact separation, but I like the cart indicator. If you could add that to orders indicator that would be great!

calvadev avatar Apr 10 '25 13:04 calvadev

Updated the Navbar , tried for the active navbar but it wasn't doing good to the UI

Abhi25jk avatar Apr 12 '25 12:04 Abhi25jk

Will give this a look today!

calvadev avatar Apr 14 '25 04:04 calvadev

If this added a similar indicator for the number of unread messages that would be great! Should be relatively simple to add.

calvadev avatar Apr 14 '25 08:04 calvadev