Files
supabase/apps/studio/components/interfaces/Reports/ReportPadding.tsx
T
Joshen Lim e75c4b2960 Swap useCheckPermissions with useAsyncCheckProjectPermissions part 3 (#37899)
* Swap useCheckPermissions with useAsyncCheckProjectPermissions part 3

* Fix loading state in edge function secrets
2025-08-13 19:07:35 +07:00

24 lines
579 B
TypeScript

import { PropsWithChildren } from 'react'
import { useAiAssistantStateSnapshot } from 'state/ai-assistant-state'
import { cn } from 'ui'
/**
* Standardized padding and width layout for non-custom reports
*/
const ReportPadding = ({ children }: PropsWithChildren<{}>) => {
const snap = useAiAssistantStateSnapshot()
return (
<div
className={cn(
'flex flex-col flex-grow gap-4 px-5 py-6 mx-auto 1xl:px-28 lg:px-16 2xl:px-32 w-full',
snap.open ? 'xl:px-6' : 'xl:px-22'
)}
>
{children}
</div>
)
}
export default ReportPadding