Skip to content

Beads Explorer Small/Medium View: Replace Horizontal Tabs with Dropdown #288

Description

@its-me-abhishek

Description:
In the mobile or medium screens view of the Beads Explorer section, the tab bar (Bead Explorer / Network Trends / Rewards / Pool Dominance) looks cramped and misaligned. It takes too much vertical space, especially on narrow screens. And clicking on Network trends adds more noise to the same.

Proposed Improvement (open to more ideas):

  1. Replace the horizontal tab layout with a dropdown selector (e.g., “Select Section”) when the screen width is below a certain breakpoint (e.g., md screen size in Tailwind).
  2. Keep the selected section highlighted or updated dynamically as users switch between options.
  3. Maintain existing tab functionality on desktop.

Benefits:

  1. Cleaner UI on mobile.
  2. Easier navigation.
  3. Better consistency and readability.

Screenshots (Mobile view)

  1. Could remove the Yellow marked icons and move them to a dropdown as marked in the red marker, making it mobile-friendly!
Image
  1. Example for

    And clicking on Network trends adds more noise to the same.

Image

Metadata

Metadata

Assignees

Type

No type

Fields

No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions