61 lines
1.4 KiB
TypeScript
61 lines
1.4 KiB
TypeScript
export default function AuthLayout({
|
||
children,
|
||
}: {
|
||
children: React.ReactNode;
|
||
}) {
|
||
return (
|
||
<div
|
||
data-no-nav
|
||
style={{
|
||
minHeight: '100vh',
|
||
display: 'grid',
|
||
gridTemplateColumns: '1fr minmax(0, 520px)',
|
||
}}
|
||
>
|
||
{/* Левая колонка — пустая, фон как у body */}
|
||
<div
|
||
style={{
|
||
minHeight: '100vh',
|
||
display: 'flex',
|
||
justifyContent: 'center',
|
||
alignItems: 'center',
|
||
}}
|
||
aria-hidden
|
||
>
|
||
<img
|
||
src="/logo/logo.svg"
|
||
alt="Uchill Logo"
|
||
style={{
|
||
width: '240px',
|
||
height: 'auto',
|
||
opacity: 0.8
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
{/* Правая колонка — форма на белом фоне */}
|
||
<div
|
||
style={{
|
||
minHeight: '100vh',
|
||
background: '#fff',
|
||
display: 'flex',
|
||
flexDirection: 'column',
|
||
justifyContent: 'center',
|
||
alignItems: 'center',
|
||
padding: '24px 32px',
|
||
boxSizing: 'border-box',
|
||
}}
|
||
>
|
||
<div style={{ marginBottom: '32px', textAlign: 'center' }}>
|
||
<img
|
||
src="/logo/logo.svg"
|
||
alt="Uchill Logo"
|
||
style={{ width: '120px', height: 'auto' }}
|
||
/>
|
||
</div>
|
||
{children}
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|