diff --git a/src/app/explore/ExplorePageClient.tsx b/src/app/explore/ExplorePageClient.tsx index 10af3f1..fd6f982 100644 --- a/src/app/explore/ExplorePageClient.tsx +++ b/src/app/explore/ExplorePageClient.tsx @@ -132,28 +132,59 @@ export default function ExplorePageClient() { ) : ( <> -
- {paginated.map((item) => ( - -
-
- {item.srcAmount} {item.srcToken} → {item.dstToken} -
-
- {item.srcChain} · via {item.solver} -
-
- - - {timeAgo(item.createdAt)} - - - ))} + {/* + Native so screen readers announce column headers, row/column + counts, and allow table-navigation mode. + Visual layout is preserved via display:block tricks on narrow viewports + if needed, but the semantic structure stays table-based. + */} +
+
+ + + + + + + + + + {paginated.map((item) => ( + + + + + + + ))} + +
+ Swap + + Chain · Solver + + Status + + Age +
+ + {item.srcAmount} {item.srcToken} → {item.dstToken} + + + {item.srcChain} · via {item.solver} + + + + {timeAgo(item.createdAt)} +
{pageCount > 1 && ( diff --git a/src/app/explore/page.tsx b/src/app/explore/page.tsx index b0b1671..6bf6ab8 100644 --- a/src/app/explore/page.tsx +++ b/src/app/explore/page.tsx @@ -252,11 +252,6 @@ export default function ExplorePage() { )}