Skip to content

Standardize search bars + mobile pass for miner views#110

Merged
entrius merged 1 commit into
testfrom
cleanup
May 30, 2026
Merged

Standardize search bars + mobile pass for miner views#110
entrius merged 1 commit into
testfrom
cleanup

Conversation

@anderdc
Copy link
Copy Markdown
Collaborator

@anderdc anderdc commented May 30, 2026

Summary

UX cleanup of the cleanup branch — search-bar standardization, the dashboard crown eyebrow, footer width, and a mobile pass over the miner dashboard + detail pages.

Search bars

  • Transactions / Reservations / Active Rates now share one treatment: start-aligned search icon, mono 0.75rem, square corners, divider border that lightens on hover and turns primary on focus.
  • Removed the "Filters live as you type. Press enter to see all matches." hint under the reservations search. The <form onSubmit> is intact, so Enter still navigates to /reservations/by-source/{addr}.

Dashboard crown eyebrow

  • Now reads like the miner eyebrow — uid N @ <live crown rate> τ · EMA <ema> τ — showing the live crown rate alongside the existing smoothed EMA (previously only EMA was shown).

Miners-page eyebrow

  • StickyNetworkHeader is no longer position: sticky — it scrolls away with the page. (Name kept for now; see notes.)

Footer

  • Footer content is now full-bleed (dropped inner maxWidth: 1400), matching TopNav and the dashboard.

Mobile (below the md / 900px breakpoint)

  • Miners dashboard: hide Crown History + rate chart; leaderboard is horizontally scrollable, hides the hotkey column, responsive font sizing, header stacks/search goes full-width.
  • Miner detail: hide Crown History + the miner rate graph.
  • Swap history table: hide the initiated and dur columns; responsive font sizing.

Verification

  • npm run lint
  • npm run build (tsc -b && vite build) ✅
  • prettier --check ✅ on touched files

Notes / follow-ups (non-blocking)

  • StickyNetworkHeader is no longer sticky but keeps its name — candidate for a rename in a later cleanup.
  • Crown History / rate charts are unmounted (not display:none) on mobile, so deep-linked ?pair/?crownRange/?rateRange/?pan params are inert on phones — intentional for perf.
  • Mobile cutoff is md (900px), so portrait tablets also get the trimmed view.
  • Footer full-bleed extends slightly wider than the 1400-capped pages (Miners/MinerDetail) on very wide monitors — consistent with the dashboard.

…hones

Search bars (transactions / reservations / active rates) now share one
treatment: start-aligned search icon, mono 0.75rem, square corners, divider
border. Removes the "Filters live as you type…" hint under the reservations
search (Enter still navigates to the by-source view via the form).

Dashboard crown eyebrow now reads like the miner eyebrow — "uid N @ <live
crown rate> τ · EMA <ema> τ" — using the live crown rate instead of only EMA.

Miners-page eyebrow (StickyNetworkHeader) is no longer position:sticky, so it
scrolls away with the page.

Footer content is now full-bleed (dropped the inner maxWidth:1400) to match
TopNav and the dashboard.

Mobile (below md):
- Miners dashboard: hide Crown History and the rate chart; leaderboard is
  horizontally scrollable, hides the hotkey column, and uses responsive fonts.
- Miner detail: hide Crown History and the miner rate graph.
- Miner swap history: hide the "initiated" and "dur" columns; responsive fonts.
@entrius entrius merged commit 84bc670 into test May 30, 2026
2 checks passed
@entrius entrius deleted the cleanup branch May 30, 2026 02:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants