| | |
| | | import Header from './_header' |
| | | import style from './page.module.css' |
| | | |
| | | import cn from '@/utils/classnames' |
| | | |
| | | export default async function SignInLayout({ children }: any) { |
| | | return <> |
| | | <div className={cn('flex min-h-screen w-full justify-center bg-background-default-burn p-6')}> |
| | | <div className={cn('flex w-full shrink-0 flex-col rounded-2xl border border-effects-highlight bg-background-default-subtle')}> |
| | | <div className={cn( |
| | | style.background, |
| | | 'flex w-full min-h-screen', |
| | | 'sm:p-4 lg:p-8', |
| | | 'gap-x-20', |
| | | 'justify-center lg:justify-start', |
| | | )}> |
| | | <div className={ |
| | | cn( |
| | | 'flex w-full flex-col bg-white shadow rounded-2xl shrink-0', |
| | | 'space-between', |
| | | ) |
| | | }> |
| | | <Header /> |
| | | <div className={cn('flex w-full grow flex-col items-center justify-center px-6 md:px-[108px]')}> |
| | | <div className={ |
| | | cn( |
| | | 'flex flex-col items-center w-full grow justify-center', |
| | | 'px-6', |
| | | 'md:px-[108px]', |
| | | ) |
| | | }> |
| | | <div className='flex flex-col md:w-[400px]'> |
| | | {children} |
| | | </div> |
| | | </div> |
| | | <div className='system-xs-regular px-8 py-6 text-text-tertiary'> |
| | | <div className='px-8 py-6 system-xs-regular text-text-tertiary'> |
| | | © {new Date().getFullYear()} LangGenius, Inc. All rights reserved. |
| | | </div> |
| | | </div> |