Skip to content

Commit 4bee576

Browse files
replaced border with hr element and amended spacing (#989)
1 parent 2ea5e35 commit 4bee576

File tree

1 file changed

+14
-11
lines changed

1 file changed

+14
-11
lines changed

app/routes/_auth+/signup.tsx

Lines changed: 14 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -138,14 +138,14 @@ export default function SignupRoute({ actionData }: Route.ComponentProps) {
138138
})
139139

140140
return (
141-
<div className="container flex flex-col justify-center pb-32 pt-20">
141+
<div className="container flex flex-col justify-center pt-20 pb-32">
142142
<div className="text-center">
143143
<h1 className="text-h1">Let's start your journey!</h1>
144-
<p className="mt-3 text-body-md text-muted-foreground">
144+
<p className="text-body-md text-muted-foreground mt-3">
145145
Please enter your email.
146146
</p>
147147
</div>
148-
<div className="mx-auto mt-16 min-w-full max-w-sm sm:min-w-[368px]">
148+
<div className="mx-auto mt-16 max-w-sm min-w-full sm:min-w-[368px]">
149149
<Form method="POST" {...getFormProps(form)}>
150150
<HoneypotInputs />
151151
<Field
@@ -170,15 +170,18 @@ export default function SignupRoute({ actionData }: Route.ComponentProps) {
170170
Submit
171171
</StatusButton>
172172
</Form>
173-
<ul className="mt-5 flex flex-col gap-5 border-b-2 border-t-2 border-border py-3">
173+
<ul className="flex flex-col gap-4 py-4">
174174
{providerNames.map((providerName) => (
175-
<li key={providerName}>
176-
<ProviderConnectionForm
177-
type="Signup"
178-
providerName={providerName}
179-
redirectTo={redirectTo}
180-
/>
181-
</li>
175+
<>
176+
<hr />
177+
<li key={providerName}>
178+
<ProviderConnectionForm
179+
type="Signup"
180+
providerName={providerName}
181+
redirectTo={redirectTo}
182+
/>
183+
</li>
184+
</>
182185
))}
183186
</ul>
184187
</div>

0 commit comments

Comments
 (0)