ThaMunsta/hashex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: update grid layout for PositionsPage to improve responsiveness
Build Images and Deploy / Update-PROD-Stack (push) Successful in 1m25s
Details

Browse Source
This commit is contained in:
Mike Johnston
2026-03-19 23:19:18 -04:00
parent 84aa69884d
commit 8cf116de2d
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/positions/page.tsx
+2 -2
View File
@@ -148,7 +148,7 @@ export default async function PositionsPage({
) : ( ) : (
<div className="bg-surface-card border border-surface-border rounded-xl overflow-hidden"> <div className="bg-surface-card border border-surface-border rounded-xl overflow-hidden">
{/* Header row */} {/* Header row */}
<div className="grid grid-cols-[1fr_auto_auto] sm:grid-cols-[1fr_auto_auto_auto_auto_auto_auto] gap-4 px-4 py-2 border-b border-surface-border"> <div className="grid grid-cols-[1fr_6rem_6rem] sm:grid-cols-[1fr_5rem_6rem_6rem_7rem_6rem_8rem] gap-4 px-4 py-2 border-b border-surface-border">
<SortHeader col="hashtag" label="Hashtag" currentSort={sortKey} currentDir={sortDir} /> <SortHeader col="hashtag" label="Hashtag" currentSort={sortKey} currentDir={sortDir} />
<SortHeader col="shares" label="Shares" currentSort={sortKey} currentDir={sortDir} right /> <SortHeader col="shares" label="Shares" currentSort={sortKey} currentDir={sortDir} right />
<SortHeader col="avgBuy" label="Avg buy" currentSort={sortKey} currentDir={sortDir} right className="hidden sm:flex" /> <SortHeader col="avgBuy" label="Avg buy" currentSort={sortKey} currentDir={sortDir} right className="hidden sm:flex" />
@@ -162,7 +162,7 @@ export default async function PositionsPage({
{positions.map((pos) => ( {positions.map((pos) => (
<div <div
key={pos.id} key={pos.id}
className="grid grid-cols-[1fr_auto_auto] sm:grid-cols-[1fr_auto_auto_auto_auto_auto_auto] gap-4 items-center px-4 py-3" className="grid grid-cols-[1fr_6rem_6rem] sm:grid-cols-[1fr_5rem_6rem_6rem_7rem_6rem_8rem] gap-4 items-center px-4 py-3"
> >
{/* Hashtag + type badge (+ sparkline on desktop) */} {/* Hashtag + type badge (+ sparkline on desktop) */}
<div className="flex items-center gap-3 min-w-0"> <div className="flex items-center gap-3 min-w-0">