ReportPadding.tsx18 lines · main

1	import { PropsWithChildren } from 'react'
2	import { cn } from 'ui'
3
4	/**
5	* Standardized padding and width layout for non-custom reports
6	*/
7	const ReportPadding = ({ children }: PropsWithChildren<{}>) => {
8	return (
9	<div
10	className={cn(
11	'flex flex-col grow gap-4 px-5 py-6 mx-auto 1xl:px-28 lg:px-16 2xl:px-32 w-full @lg:px-6 @xl:px-22'
12	)}
13	>
14	{children}
15	</div>
16	)
17	}
18	export default ReportPadding