Skip to content

Add responsive card layout for SettlementTable with mobile view and e…#342

Closed
chuks68 wants to merge 1 commit into
AnchorNet-Org:mainfrom
chuks68:main
Closed

Add responsive card layout for SettlementTable with mobile view and e…#342
chuks68 wants to merge 1 commit into
AnchorNet-Org:mainfrom
chuks68:main

Conversation

@chuks68

@chuks68 chuks68 commented Jul 21, 2026

Copy link
Copy Markdown
Contributor

Closes #146
Add responsive card layout for SettlementTable with mobile view and extend tests for card layout

  • Introduce hidden‑on‑large, block‑on‑small card UI that mirrors the table data.
  • Preserve existing sortable table behavior and totals.
  • Add data-testid="settlement-card" for each card.
  • Extend test suite to cover the new mobile layout, ensuring each card renders correct settlement details.
  • Update imports to include formatAmount in tests.

@AnchorNet-Org AnchorNet-Org deleted a comment from mikewheeleer Jul 23, 2026
@Jagadeeshftw

Copy link
Copy Markdown
Contributor

Closing — this branch's changes (responsive card layout for SettlementTable) are already present on main via earlier merged PRs (#352, #346, #344). Merging main into this branch produces a zero-diff result, so there's nothing left to merge. Thanks for the contribution!

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.

Stack SettlementTable's columns into a card layout on narrow viewports

2 participants