fix skeleton loader

This commit is contained in:
Nate Kelley 2025-10-08 23:08:09 -06:00
parent a01ee7fa70
commit fda1878f09
No known key found for this signature in database
GPG Key ID: FD90372AB8D98B4F
2 changed files with 8 additions and 2 deletions

View File

@ -54,7 +54,13 @@ export function ReportEditorSkeleton({
showToolbar = false, showToolbar = false,
}: ReportEditorSkeletonProps) { }: ReportEditorSkeletonProps) {
return ( return (
<div className={cn('mx-auto mt-8 w-full space-y-6', className)}> <div
className={cn(
'mx-auto mt-8 w-full space-y-6',
'sm:px-[max(64px,calc(50%-350px))] px-[max(24px,calc(50%-350px))]',
className
)}
>
{/* Toolbar skeleton */} {/* Toolbar skeleton */}
{showToolbar && ( {showToolbar && (
<div className="border-border flex h-11 w-full animate-pulse items-center justify-between border-b bg-transparent px-3"> <div className="border-border flex h-11 w-full animate-pulse items-center justify-between border-b bg-transparent px-3">

View File

@ -125,7 +125,7 @@ export const ReportPageController: React.FC<{
} }
/> />
) : ( ) : (
<ReportEditorSkeleton /> <ReportEditorSkeleton className={commonClassName} />
)} )}
</div> </div>
); );