fix: add random rotation to all asteroids

ucsddesignco · Apr 6, 2024 · 568e1b0 · 568e1b0
1 parent ddf3e07
commit 568e1b0
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 10 deletions.
diff --git a/src/components/Asteroid/Asteroid.scss b/src/components/Asteroid/Asteroid.scss
@@ -29,6 +29,5 @@
     position: absolute;
     top: -26px;
     left: -15px;
-    width: 5rem;
   }
 }
diff --git a/src/components/Asteroid/Asteroid.tsx b/src/components/Asteroid/Asteroid.tsx
@@ -169,14 +169,7 @@ export default function Asteroid({ homeRef }: AsteroidProps) {
               style={{ scale: index === 0 ? 1 : scale }}
             >
               <LargeAsteroid2 />
-              {index === 0 && (
-                <p
-                  style={{ textWrap: 'nowrap' }}
-                  className="asteroid-signifier"
-                >
-                  Click Me !
-                </p>
-              )}
+              {index === 0 && <p className="asteroid-signifier">Click Me !</p>}
             </motion.div>
           )
         )

diff --git a/src/components/Asteroid/asteroidLogic.ts b/src/components/Asteroid/asteroidLogic.ts
@@ -90,7 +90,8 @@ export default function asteroidLogic({
           window.innerHeight * 0.75 +
             Math.random() * (window.innerHeight * 0.25),
           window.innerHeight - 35
-        )
+        ),
+        rotate: Math.random() * 360
       };
     }
   };