From 63f8ef1dd7f8353fae38ef6af53a8916fd41a962 Mon Sep 17 00:00:00 2001
From: bflatastic <bombayapirat@gmail.com>
Date: Thu, 9 May 2024 00:30:44 +0700
Subject: [PATCH] storyteller landing max height fix

---
 .../OnboardingSelection/OnboardingSelection.tsx | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/packages/fakeyou.com/src/v2/view/pages/landing/storyteller/OnboardingSelection/OnboardingSelection.tsx b/packages/fakeyou.com/src/v2/view/pages/landing/storyteller/OnboardingSelection/OnboardingSelection.tsx
index d449a4cd50..f9bb66692e 100644
--- a/packages/fakeyou.com/src/v2/view/pages/landing/storyteller/OnboardingSelection/OnboardingSelection.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/landing/storyteller/OnboardingSelection/OnboardingSelection.tsx
@@ -12,7 +12,7 @@ export default function OnboardingSelection(props: OnboardingSelectionProps) {
   const [isExpanded, setIsExpanded] = useState(false);
 
   const { maxHeight, opacity, transform } = useSpring({
-    maxHeight: isExpanded ? "1000px" : "0px",
+    maxHeight: isExpanded ? "2000px" : "0px",
     opacity: isExpanded ? 1 : 0,
     transform: isExpanded ? "scale(1)" : "scale(0.9)",
     config: { tension: 170, friction: 26 },
@@ -28,7 +28,7 @@ export default function OnboardingSelection(props: OnboardingSelectionProps) {
     } else {
       history.push(url);
     }
-  }
+  };
 
   const cards = [
     {
@@ -224,7 +224,9 @@ export default function OnboardingSelection(props: OnboardingSelectionProps) {
                 canHover={true}
                 borderWidth="2px"
                 hoverPrimaryColor={true}
-                onClick={() => { visitUrl(card.url) }}
+                onClick={() => {
+                  visitUrl(card.url);
+                }}
                 bottomText={card.text}
               />
             </div>
@@ -243,7 +245,9 @@ export default function OnboardingSelection(props: OnboardingSelectionProps) {
                   canHover={true}
                   borderWidth="2px"
                   hoverPrimaryColor={true}
-                  onClick={() => { visitUrl(card.url) }}
+                  onClick={() => {
+                    visitUrl(card.url);
+                  }}
                   bottomText={card.text}
                 />
               </div>
@@ -251,7 +255,10 @@ export default function OnboardingSelection(props: OnboardingSelectionProps) {
           </div>
           <hr className="my-5" />
           <h4>Developer Scenes</h4>
-          <p>These scenes work, but you'll have to build your own animation timeline.</p>
+          <p>
+            These scenes work, but you'll have to build your own animation
+            timeline.
+          </p>
           <div className="row gy-3 gx-3 gx-lg-4 mt-0 centered-row">
             {devCards.map((card, index) => (
               <div className="col-6 col-lg-3" key={index}>