Skip to content

Commit e094bbd

Browse files
committed
Fix login button alignment
1 parent ef3d6ec commit e094bbd

File tree

2 files changed

+8
-9
lines changed

2 files changed

+8
-9
lines changed

src/components/login-form/continue-with-email.tsx

Lines changed: 3 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -75,9 +75,9 @@ export const ContinueWithEmail: FC<{
7575
isInvalid={error === 'userDoesNotExist'}
7676
errorMessage={error === 'userDoesNotExist' && t(`errors.${error}`)}
7777
/>
78-
<div className="flex items-start gap-4">
78+
<div className="mt-2 flex items-start gap-4">
7979
<Input
80-
className="mt-2 flex-grow"
80+
className="flex-grow"
8181
label={t('inputs.password')}
8282
variant="bordered"
8383
labelPlacement="outside"
@@ -104,12 +104,7 @@ export const ContinueWithEmail: FC<{
104104
errorMessage={error === 'incorrectPassword' && t(`errors.${error}`)}
105105
/>
106106

107-
<Button
108-
className="mt-[34px]"
109-
variant="solid"
110-
color="primary"
111-
type="submit"
112-
>
107+
<Button className="mt-6" variant="solid" color="primary" type="submit">
113108
{t('send')}
114109
</Button>
115110
</div>

src/components/login-form/login-form.tsx

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,18 +23,22 @@ export const LoginForm: FC<{
2323
{Icon && (
2424
<Icon className="mx-auto mb-4 text-brand-600" stroke={1} size={72} />
2525
)}
26-
<h2 className="mb-2 text-center font-title text-2xl font-semibold uppercase text-stone-800">
26+
<h2 className="text-center font-title text-2xl font-semibold uppercase text-stone-800">
2727
{title ? title : t('login')}
2828
</h2>
29+
2930
<ContinueWithEmail />
31+
3032
<div className="mb-2 mt-4 flex items-center gap-2">
3133
<div className="flex-1 border-t border-stone-300" aria-hidden />
3234
<h3 className=" inline-block font-title text-sm font-medium uppercase text-stone-600">
3335
{t('continue-with')}
3436
</h3>
3537
<div className="flex-1 border-t border-stone-300" aria-hidden />
3638
</div>
39+
3740
<ContinueWithProvider />
41+
3842
{!registerDisabled && (
3943
<>
4044
<h2 className="mb-2 mt-10 text-center font-title text-2xl font-semibold uppercase text-stone-800">

0 commit comments

Comments
 (0)