Handle spacing better for cases where there's a back link

Signed-off-by: Émile Ré <emile@getprobo.com>
This commit is contained in:
Émile Ré
2026-02-04 17:36:18 +04:00
parent ad4f08c7e0
commit 09b7f2bb24
12 changed files with 36 additions and 34 deletions

View File

@@ -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>

View File

@@ -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`)}

View File

@@ -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">