39 lines
846 B
TypeScript
39 lines
846 B
TypeScript
import classNames from 'classnames';
|
|
import type { HTMLAttributes } from 'react';
|
|
import { SKY_BACKGROUND } from './constants';
|
|
import { Outlet } from 'react-router-dom';
|
|
import { TinyScroll } from '@vegaprotocol/ui-toolkit';
|
|
|
|
export const Layout = ({
|
|
className,
|
|
children,
|
|
...props
|
|
}: HTMLAttributes<HTMLDivElement>) => {
|
|
return (
|
|
<div
|
|
className={classNames(
|
|
'max-w-[1440px]',
|
|
'mx-auto px-16 md:px-32 pb-32',
|
|
'relative z-0',
|
|
className
|
|
)}
|
|
{...props}
|
|
>
|
|
{children || <Outlet />}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export const LayoutWithSky = ({
|
|
className,
|
|
...props
|
|
}: HTMLAttributes<HTMLDivElement>) => {
|
|
return (
|
|
<TinyScroll
|
|
className={classNames('max-h-full overflow-auto', SKY_BACKGROUND)}
|
|
>
|
|
<Layout className={className} {...props} />
|
|
</TinyScroll>
|
|
);
|
|
};
|