Merge pull request #7 from hyesungoh/fix/#6

fix: #6
hyesungoh · Mar 24, 2022 · c07136a · c07136a · vercel · Mar 24, 2022
2 parents 1bd7c08 + 606cc04
commit c07136a
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/packages/core/components/PageProgressBar/index.tsx b/packages/core/components/PageProgressBar/index.tsx
@@ -27,16 +27,15 @@ export function PageProgressBar() {
     };
   }, []);
 
-  return <Div style={{ transform: `scaleX(${(pageYOffset / offsetHeight) * 100}%)` }} theme={theme}></Div>;
+  return <Div style={{ width: `${(pageYOffset / offsetHeight) * 100}%` }} theme={theme}></Div>;
 }
 
 const Div = styled.div<{ theme: NextUITheme | undefined }>`
   position: fixed;
   top: 0;
   left: 0;
-  width: 100vw;
+  width: 0;
   height: 4px;
   background-color: ${({ theme }) => theme.colors.primary.value};
-  transform-origin: left;
-  transition: transform 0.05s;
+  transition: width 0.05s;
 `;