d25d482dc2
Publish CLI Package / publish-npm (push) Waiting to run
Publish Python SDK / publish-pypi (push) Waiting to run
Publish TypeScript SDK / publish-npm (push) Waiting to run
CI / Migrate Dev DB (push) Has been skipped
CI / Detect Version (push) Has been cancelled
CI / Migrate DB (push) Has been cancelled
CI / Build Dev ECR (./docker/app.Dockerfile, ECR_APP) (push) Has been cancelled
CI / Build Dev ECR (./docker/db.Dockerfile, ECR_MIGRATIONS) (push) Has been cancelled
CI / Build Dev ECR (./docker/pii.Dockerfile, ECR_PII) (push) Has been cancelled
CI / Build Dev ECR (./docker/realtime.Dockerfile, ECR_REALTIME) (push) Has been cancelled
CI / Deploy Trigger.dev (Dev) (push) Has been cancelled
CI / Build AMD64 (./docker/app.Dockerfile, ECR_APP, ghcr.io/simstudioai/simstudio) (push) Has been cancelled
CI / Build AMD64 (./docker/db.Dockerfile, ECR_MIGRATIONS, ghcr.io/simstudioai/migrations) (push) Has been cancelled
CI / Build AMD64 (./docker/pii.Dockerfile, ECR_PII, ghcr.io/simstudioai/pii) (push) Has been cancelled
CI / Build AMD64 (./docker/realtime.Dockerfile, ECR_REALTIME, ghcr.io/simstudioai/realtime) (push) Has been cancelled
CI / Build ARM64 (GHCR Only) (./docker/app.Dockerfile, ghcr.io/simstudioai/simstudio) (push) Has been cancelled
CI / Build ARM64 (GHCR Only) (./docker/db.Dockerfile, ghcr.io/simstudioai/migrations) (push) Has been cancelled
CI / Build ARM64 (GHCR Only) (./docker/pii.Dockerfile, ghcr.io/simstudioai/pii) (push) Has been cancelled
CI / Build ARM64 (GHCR Only) (./docker/realtime.Dockerfile, ghcr.io/simstudioai/realtime) (push) Has been cancelled
CI / Create GHCR Manifests (ghcr.io/simstudioai/migrations) (push) Has been cancelled
CI / Create GHCR Manifests (ghcr.io/simstudioai/pii) (push) Has been cancelled
CI / Create GHCR Manifests (ghcr.io/simstudioai/realtime) (push) Has been cancelled
CI / Create GHCR Manifests (ghcr.io/simstudioai/simstudio) (push) Has been cancelled
CI / Check Docs Changes (push) Has been cancelled
CI / Process Docs (push) Has been cancelled
CI / Create GitHub Release (push) Has been cancelled
CI / Test and Build (push) Has been cancelled
41 lines
1.6 KiB
TypeScript
41 lines
1.6 KiB
TypeScript
import type { ReactNode } from 'react'
|
|
import Link from 'next/link'
|
|
import { LogoMark, SimWordmark } from '@/app/(landing)/components/navbar/components'
|
|
|
|
interface AuthShellProps {
|
|
/** Centered content column (the form, status copy, etc.). */
|
|
children: ReactNode
|
|
/** Optional element pinned to the bottom of the shell (e.g. the support footer). */
|
|
footer?: ReactNode
|
|
}
|
|
|
|
/**
|
|
* The light auth/status page frame — the single source of truth for the shell
|
|
* every auth page and standalone status page wears.
|
|
*
|
|
* Mirrors the landing chrome: it pins the `light` token layer (so the platform's
|
|
* light-mode `var(--*)` tokens resolve regardless of the visitor's theme), uses
|
|
* the canvas/`--text-primary` surface, and renders a logo-only header that reuses
|
|
* the landing {@link LogoMark} + {@link SimWordmark} at the same nav gutters. The
|
|
* single content column is centered and capped for a calm single-form layout.
|
|
*/
|
|
export function AuthShell({ children, footer }: AuthShellProps) {
|
|
return (
|
|
<div className='light relative flex min-h-screen flex-col bg-[var(--bg)] text-[var(--text-primary)]'>
|
|
<header>
|
|
<nav className='mx-auto flex w-full max-w-[1446px] items-center px-12 py-4 max-sm:px-5 max-lg:px-8'>
|
|
<Link href='/' aria-label='Sim home' className='flex h-[30px] items-center'>
|
|
<LogoMark>
|
|
<SimWordmark />
|
|
</LogoMark>
|
|
</Link>
|
|
</nav>
|
|
</header>
|
|
<div className='flex flex-1 items-center justify-center px-4 pb-16'>
|
|
<div className='w-full max-w-[400px]'>{children}</div>
|
|
</div>
|
|
{footer}
|
|
</div>
|
|
)
|
|
}
|