fix: Update Spinner (#140)

pancakeswap · Jan 19, 2021 · 8d2cb19 · 8d2cb19
1 parent 5c08eef
commit 8d2cb19
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/__tests__/components/spinner.test.tsx b/src/__tests__/components/spinner.test.tsx
@@ -13,7 +13,7 @@ it("renders correctly", () => {
           class="sc-bdfBwQ jvKaGz sc-dlfnbm mabrO"
           color="text"
           viewBox="0 0 128 128"
-          width="150px"
+          width="64px"
           xmlns="http://www.w3.org/2000/svg"
         >
           <svg
@@ -44,10 +44,10 @@ it("renders correctly", () => {
           </svg>
         </svg>
         <svg
-          class="sc-bdfBwQ jvKaGz sc-hKgILt cMmkZP"
+          class="sc-bdfBwQ jvKaGz sc-hKgILt jsGrON"
           color="text"
           viewBox="0 0 256 256"
-          width="300px"
+          width="128px"
           xmlns="http://www.w3.org/2000/svg"
         >
           <path

diff --git a/src/components/Spinner/Spinner.tsx b/src/components/Spinner/Spinner.tsx
@@ -18,7 +18,7 @@ const float = keyframes`
 		transform: translatey(0px);
 	}
 	50% {
-		transform: translatey(-20px);
+		transform: translatey(10px);
 	}
 	100% {
 		transform: translatey(0px);
@@ -42,7 +42,7 @@ const FloatingPanIcon = styled(PanIcon)`
   transform: translate3d(0, 0, 0);
 `;
 
-const Spinner: React.FC<SpinnerProps> = ({ size = 300 }) => {
+const Spinner: React.FC<SpinnerProps> = ({ size = 128 }) => {
   return (
     <Container>
       <RotatingPancakeIcon width={`${size * 0.5}px`} />