more

src/Components/SignupPage/SignupPage.js

@@ -43,12 +43,12 @@ const SignupPage = () => {
     getFormDataDefaults(paymentfields)
   );
   const [showPaymentModal, setShowPaymentModal] = useState(false);
-
+  /*
   const [showSelectPlan, setShowSelectPlan] = useState(
     isUpgrade ? true : false
   );
-
-  //const [showSelectPlan, setShowSelectPlan] = useState(true);
+*/
+  const [showSelectPlan, setShowSelectPlan] = useState(true);
   const [activeRadioOption, setActiveRadioOption] = useState("partner");
   const [selectedPlan, setSelectedPlan] = useState([signupRadioFields[1]]);
   const [isAnnual, setIsAnnual] = useState(1);

src/styles/signup.scss

@@ -301,7 +301,7 @@
     display: none;
   }
   .signup-sub-container {
-    width: 860px;
+    width: 360px;
   }
   .signup-header-text {
     font-size: 1.35rem;
@@ -333,4 +333,50 @@
   .signup-password-row {
     width: 345px !important;
   }
+  .select-plan-container {
+    width: 360px;
+  }
+
+  .select-plan-header {
+    width: 350px;
+    flex-direction: column;
+    height: 90px;
+  }
+
+  .plan-header-right {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 0px;
+    margin-bottom: 0px;
+    width: 350px;
+    padding: 0px;
+  }
+
+  .plan-header-left {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 0px;
+    margin-bottom: 0px;
+    width: 350px;
+    padding: 0px;
+  }
+
+  .radio-group-box {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
 }