Fix skeleton animation loop
This commit is contained in:
parent
6685bfe9d3
commit
33f1e8d70a
1 changed files with 7 additions and 1 deletions
|
@ -29,11 +29,17 @@ const StyledSkeleton = styled(MantineSkeleton)`
|
||||||
animation-name: run;
|
animation-name: run;
|
||||||
animation-duration: 1.5s;
|
animation-duration: 1.5s;
|
||||||
animation-timing-function: linear;
|
animation-timing-function: linear;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
content: '';
|
content: '';
|
||||||
inset: 0;
|
inset: 0;
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
export const Skeleton = ({ ...props }: MantineSkeletonProps) => {
|
export const Skeleton = ({ ...props }: MantineSkeletonProps) => {
|
||||||
return <StyledSkeleton {...props} />;
|
return (
|
||||||
|
<StyledSkeleton
|
||||||
|
animate={false}
|
||||||
|
{...props}
|
||||||
|
/>
|
||||||
|
);
|
||||||
};
|
};
|
||||||
|
|
Reference in a new issue