diff --git a/apps/webapp/app/components/primitives/LoadingBarDivider.tsx b/apps/webapp/app/components/primitives/LoadingBarDivider.tsx index f227f9e731..d35067ea62 100644 --- a/apps/webapp/app/components/primitives/LoadingBarDivider.tsx +++ b/apps/webapp/app/components/primitives/LoadingBarDivider.tsx @@ -7,7 +7,7 @@ type LoadingBarDividerProps = { export function LoadingBarDivider({ isLoading }: LoadingBarDividerProps) { return ( -
+
); @@ -21,11 +21,9 @@ export function AnimationDivider({ isLoading }: LoadingBarDividerProps) { if (isPresent) { const enterAnimation = async () => { await animate( - [ - [scope.current, { width: "30%", left: "35%" }, { duration: 1, ease: "easeIn" }], - [scope.current, { width: 0, left: "100%" }, { duration: 1, ease: "easeOut" }], - ], - { repeat: Infinity, repeatType: "reverse" } + scope.current, + { left: ["-100%", "100%"], width: "100%" }, + { duration: 2, ease: "easeOut", repeat: Infinity } ); }; enterAnimation();