FilOzone / FilOzone/filecoin-pay-explorer

fix(explorer): make console account tables and header responsive

Open
#399 0 comments 0 reactions 0 assignees View on GitHub
enhancement
Dominant language
TypeScript
Stars
3
Forks
7
Avg merge
5d 14h
Merged PRs (30d)
47

Description

> [!IMPORTANT]
> Current execution is tracked by #436. This issue owns responsive console account tables and header behavior in PR #420, after #398 / PR #419. Subsequent Squid fee budgeting begins at #437 / PR #421. Historical references below are retained for attribution.

Parent tracker: #393
Independent base: staging

## Goal

Make the console header, wallet controls, and account data tables usable at a 390 px viewport without clipping or hiding required actions.

## Scope

- Responsive header/navigation behavior.
- Responsive wallet control layout.
- Account table overflow or compact presentation using existing UI primitives.
- Focus and keyboard behavior at desktop and mobile widths.

## Non-goals

- Button/theme redesign.
- Landing-page redesign.
- Funding or authentication behavior changes.

## Acceptance criteria

- [ ] The relevant pages fit at 390 px without horizontal page clipping.
- [ ] Wide tabular data remains accessible without removing fields.
- [ ] Wallet, navigation, and row actions remain keyboard reachable.
- [ ] Component tests cover the responsive structure where meaningful.
- [ ] Desktop layout is unchanged outside the intended responsive rules.
- [ ] Repository-required checks pass and screenshots are attached for mobile and desktop.

Performance classification: not performance-relevant.

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the current execution tracked by #436 and the responsive work in PR #420, using the scope and acceptance criteria here as the checklist. Verify the 390 px and desktop behavior, keyboard reachability, component coverage, required checks, and requested screenshots before considering the work done.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.