adjust animation to big screens

brainly · May 29, 2023 · 09e599d · 09e599d
1 parent 8ee773b
commit 09e599d
Showing 1 changed file with 23 additions and 7 deletions.
diff --git a/src/components/wizard/stories/create-account.tsx b/src/components/wizard/stories/create-account.tsx
@@ -155,7 +155,15 @@ const SuccessStep = ({avatarImage}: {avatarImage: string}) => {
           left: '10%',
         }}
       >
-        <Lottie animationData={brandHeroesAnimation} />
+        <div
+          style={{
+            margin: '0 auto',
+            width: '100%',
+            maxWidth: '1000px',
+          }}
+        >
+          <Lottie animationData={brandHeroesAnimation} />
+        </div>
       </div>
       <div
         style={{
@@ -166,12 +174,20 @@ const SuccessStep = ({avatarImage}: {avatarImage: string}) => {
           left: '10%',
         }}
       >
-        <Lottie
-          lottieRef={confettiAnimationRef}
-          animationData={confettiAnimation}
-          loop={false}
-          autoplay={false}
-        />
+        <div
+          style={{
+            margin: '0 auto',
+            width: '100%',
+            maxWidth: '1000px',
+          }}
+        >
+          <Lottie
+            lottieRef={confettiAnimationRef}
+            animationData={confettiAnimation}
+            loop={false}
+            autoplay={false}
+          />
+        </div>
       </div>
     </>
   );