mirror of https://github.com/buster-so/buster.git
fix skeleton loader
This commit is contained in:
parent
a01ee7fa70
commit
fda1878f09
|
@ -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">
|
||||||
|
|
|
@ -125,7 +125,7 @@ export const ReportPageController: React.FC<{
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<ReportEditorSkeleton />
|
<ReportEditorSkeleton className={commonClassName} />
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
Loading…
Reference in New Issue