Skip to content

fix(replay-vision): center the waitlist elements on the landing page #18809

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
arnohillen wants to merge 2 commits into from
+3 −3
Closed

fix(replay-vision): center the waitlist elements on the landing page #18809

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
c54cf8f
fix(replay-vision): center the waitlist card on the landing page
arnohillen Jul 22, 2026
365cfca
fix(replay-vision): center hero waitlist button on the text column
arnohillen Jul 22, 2026
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
6 changes: 3 additions & 3 deletions src/pages/replay-vision.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -111,7 +111,7 @@ function HeroSection() {
bugs, scoring frustration, tagging behavior, and summarizing what happened. You get the
findings, while <strong>Replay Vision</strong> does the homework.
</p>
<div className="@container max-w-sm">
<div className="@container max-w-sm mx-auto">
{showForm ? (
<WaitlistForm
autoFocus
Expand All @@ -121,7 +121,7 @@ function HeroSection() {
surveyId={SURVEY_ID}
/>
) : (
<div className="flex flex-wrap items-center gap-2">
<div className="flex flex-wrap items-center justify-center gap-2">
<OSButton variant="primary" size="lg" onClick={() => setShowForm(true)}>
Join the waitlist
</OSButton>
Expand Down Expand Up @@ -200,7 +200,7 @@ function HonestBit() {
actually talk to the people using it and get the quality right before we go wide. Join the list and
you'll be near the front.
</p>
<div className="max-w-lg @container bg-yellow/10 border border-yellow rounded-md px-8 py-6 shadow-xl">
<div className="max-w-lg mx-auto @container bg-yellow/10 border border-yellow rounded-md px-8 py-6 shadow-xl">
<WaitlistForm
productHandle="replay_vision"
productName="Replay Vision"
Expand Down
Loading