Handle spacing better for cases where there's a back link
Signed-off-by: Émile Ré <emile@getprobo.com>
This commit is contained in:
@@ -27,16 +27,20 @@ export function AuthLayout(props: { queryRef: PreloadedQuery<AuthLayoutQuery> })
|
||||
|
||||
return (
|
||||
<div className="min-h-screen text-txt-primary bg-level-0 flex flex-col items-center justify-center">
|
||||
<Card className="w-full max-w-lg px-12 py-8 flex flex-col items-center justify-center gap-8">
|
||||
{logoFileUrl
|
||||
? (
|
||||
<img
|
||||
alt=""
|
||||
src={logoFileUrl}
|
||||
className="h-20 rounded-2xl"
|
||||
/>
|
||||
)
|
||||
: <Logo withPicto className="w-[440px]" />}
|
||||
<Card className="w-full max-w-lg px-12 py-8 flex flex-col items-center justify-center">
|
||||
<div className="w-full flex flex-col items-center justify-center gap-8">
|
||||
{logoFileUrl
|
||||
? (
|
||||
<img
|
||||
alt=""
|
||||
src={logoFileUrl}
|
||||
className="h-20 rounded-2xl"
|
||||
/>
|
||||
)
|
||||
: <Logo withPicto className="w-[440px]" />}
|
||||
<div className="w-full border-t border-t-border-mid" />
|
||||
</div>
|
||||
|
||||
<Outlet />
|
||||
</Card>
|
||||
</div>
|
||||
|
||||
@@ -125,7 +125,7 @@ export function ConnectPage(props: {
|
||||
});
|
||||
|
||||
return (
|
||||
<div className="space-y-6 w-full max-w-md mx-auto">
|
||||
<div className="space-y-6 w-full max-w-md mx-auto pt-8">
|
||||
<div className="space-y-2 text-center">
|
||||
<h1 className="text-3xl font-bold">
|
||||
{__(`Connect to ${organization.name}'s Compliance Page`)}
|
||||
|
||||
@@ -86,7 +86,7 @@ export default function VerifyMagicLinkPagePageMutation() {
|
||||
});
|
||||
|
||||
return (
|
||||
<div className="space-y-6 w-full max-w-md mx-auto">
|
||||
<div className="space-y-6 w-full max-w-md mx-auto pt-8">
|
||||
<div className="space-y-2 text-center">
|
||||
<h1 className="text-3xl font-bold">{__("Email Confirmation")}</h1>
|
||||
<p className="text-txt-tertiary">
|
||||
|
||||
Reference in New Issue
Block a user