30 lines
1021 B
JavaScript
30 lines
1021 B
JavaScript
import React from "react";
|
|
import ParticlesLayout from "../ParticlesLayout";
|
|
import {Layout, Image} from "antd";
|
|
|
|
const {Content} = Layout;
|
|
|
|
const DesktopLayout = ({children, isGradient = false}) => {
|
|
console.log({isGradient})
|
|
return <ParticlesLayout>
|
|
<Layout
|
|
theme={"light"}
|
|
className={`relative max-w-2xl mx-auto ${isGradient ? 'bg-[#F5F5F5]' : 'bg-[#FFFFFF]'}`}
|
|
hasSider={true}>
|
|
<Content>
|
|
<div className={'min-h-screen'}>
|
|
<div className={'z-50'}>{children}</div>
|
|
{isGradient && (
|
|
<div className={'absolute bottom-0 z-0'}>
|
|
<Image className={'z-0 -mb-[7px]'} preview={false} alt={'background'}
|
|
src={'/assets/backgrounds/bg-pattern.png'}/>
|
|
</div>
|
|
)}
|
|
</div>
|
|
</Content>
|
|
</Layout>
|
|
</ParticlesLayout>
|
|
}
|
|
|
|
export default DesktopLayout;
|