43 lines
1.4 KiB
TypeScript
43 lines
1.4 KiB
TypeScript
import FullWidthNavbar from '@/components/full-width-navbar';
|
|
|
|
import SkipOnboarding from './skip-onboarding';
|
|
import Steps from './steps';
|
|
|
|
type Props = {
|
|
children: React.ReactNode;
|
|
};
|
|
|
|
const Page = ({ children }: Props) => {
|
|
return (
|
|
<>
|
|
<div className="fixed inset-0 hidden md:grid md:grid-cols-[30vw_1fr] lg:grid-cols-[30vw_1fr]">
|
|
<div className=""></div>
|
|
<div className="border-l border-border bg-background"></div>
|
|
</div>
|
|
<div className="relative min-h-screen bg-background md:bg-transparent">
|
|
<FullWidthNavbar>
|
|
<SkipOnboarding />
|
|
</FullWidthNavbar>
|
|
<div className="mx-auto w-full md:max-w-[95vw] lg:max-w-[80vw]">
|
|
<div className="grid md:grid-cols-[25vw_1fr] lg:grid-cols-[20vw_1fr]">
|
|
<div className="max-w-screen flex flex-col gap-4 overflow-hidden bg-slate-100 p-4 pr-0 md:bg-transparent md:py-14">
|
|
<div>
|
|
<div className="text-xs font-bold uppercase text-[#7b94ac]">
|
|
Welcome to Openpanel
|
|
</div>
|
|
<div className="text-xl font-medium leading-loose">
|
|
Get started
|
|
</div>
|
|
</div>
|
|
<Steps />
|
|
</div>
|
|
<div className="h-full p-4 md:p-14">{children}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default Page;
|