Skip to content

fix(miners): improve mobile layout on Miner Details page#1342

Merged
anderdc merged 2 commits into
entrius:testfrom
carlh7777:fix/mobile-responsive-profile-pr
Jul 2, 2026
Merged

fix(miners): improve mobile layout on Miner Details page#1342
anderdc merged 2 commits into
entrius:testfrom
carlh7777:fix/mobile-responsive-profile-pr

Conversation

@carlh7777

Copy link
Copy Markdown
Contributor

Summary

Fixes several mobile responsiveness issues on the Miner Details page where controls and statistics wrapped, overlapped, or became difficult to use on narrow viewports.

Header

  • Keep the Back button and watchlist star aligned on a single row
  • Move the OSS Contributions / Issue Discovery toggle to a dedicated row below the header actions
  • Prevent unwanted wrapping and layout shifts on mobile

Per-Repository Standings

  • Hide the "Sort:" label on smaller screens to reduce horizontal space usage
  • Keep the sort dropdown, sort-direction toggle, and view toggle on a single horizontally scrollable row
  • Improve usability when controls exceed the viewport width

Pull Requests

  • Keep All / Open / Merged / Closed status filters on a single horizontally scrollable row
  • Prevent filter buttons from wrapping or overlapping on small screens

Related Issues

Fixes #1341

Type of Change

  • Bug fix
  • New feature
  • Refactor
  • Documentation
  • Other (describe below)

Screenshots

Before

image image image

After

image image image

Checklist

  • New components are modularized/separated where sensible
  • Uses predefined theme (e.g. no hardcoded colors)
  • Responsive/mobile checked
  • Tested against the test API
  • npm run format and npm run lint:fix have been run
  • npm run build passes
  • Screenshots included for any UI/visual changes

- Updated MinerPRsTable and MinerRepoStandingCard to improve flexbox properties for better alignment and scrolling behavior.
- Adjusted MinerRepoStandings for responsive design, ensuring proper display across breakpoints.
- Refined MinerDetailsPage layout for improved header organization and button alignment.
@xiao-xiao-mao xiao-xiao-mao Bot added the enhancement New feature or request label Jun 22, 2026
…rRepoStandingCard

- Removed unnecessary styles and adjusted flex properties for better alignment and responsiveness.
- Enhanced the InlineStat component layout for a cleaner presentation.
@carlh7777

Copy link
Copy Markdown
Contributor Author

@anderdc @e35ventura could you review this pr?

@carlh7777

Copy link
Copy Markdown
Contributor Author

@anderdc @e35ventura could you review this pr?

@anderdc anderdc merged commit c6a30ce into entrius:test Jul 2, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Mobile Responsiveness Issues Across Miner Details Page

2 participants