Skip to content

Commit 5be8f11

Browse files
committed
fix(treasury): natural height for the sponsorship card
The paired-cards grid had no items-* class, so the CSS grid default — align-items: stretch — forced the short sponsorship card to the inflows card's full height, leaving a void below its button. items-start lets it end where its content ends, as the design reference shows. Measured: before both children at 1414px; after 1414 vs 772. Mobile stacks single-column, each card natural height, no overflow.
1 parent c497a73 commit 5be8f11

1 file changed

Lines changed: 5 additions & 1 deletion

File tree

src/app/[locale]/treasury/page.tsx

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -130,7 +130,11 @@ export default async function TreasuryPage({ params }: { params: Promise<{ local
130130
are permissionless. Side by side because they are the two halves
131131
of the same question, and reading one without the other overstates
132132
or understates what the DAO has earned. */}
133-
<div className="grid grid-cols-1 gap-6 lg:grid-cols-[minmax(0,1.85fr)_minmax(0,1fr)]">
133+
{/* `items-start`, against the grid default: stretch forced the short
134+
sponsorship card to the inflows card's full height, leaving a void
135+
below its button. In the design reference it ends where its content
136+
ends. */}
137+
<div className="grid grid-cols-1 items-start gap-6 lg:grid-cols-[minmax(0,1.85fr)_minmax(0,1fr)]">
134138
<Suspense fallback={<TableSkeleton />}>
135139
<TreasuryInflows locale={locale} />
136140
</Suspense>

0 commit comments

Comments
 (0)