Skip to content
This repository was archived by the owner on May 25, 2026. It is now read-only.
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 10 additions & 1 deletion src/components/picker/SuccessView.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,16 @@ export function SuccessView({
}) {
return (
<Stage
bodyClassName="gap-3 sm:flex-row"
// sm:items-start re-anchors the CTAs to body-top in the sm+ row
// layout. Stage's base items-center is cross-axis: in flex-col
// (mobile) that's horizontal-centre, which is what we want for the
// stacked buttons; in flex-row (sm+) it becomes vertical-centre,
// and combined with flex-1 the buttons drift to the middle of the
// lower zone instead of sitting one row below the hero like the
// padding-top reserves them to. Switching to items-start at sm+
// puts them back at the padding-top edge. Mobile keeps the inherited
// items-center for horizontal centring of the stacked column.
bodyClassName="gap-3 sm:flex-row sm:items-start"
header={
<>
<h1
Expand Down
Loading