diff --git a/apps/app/components/onboarding/onboarding-card.tsx b/apps/app/components/onboarding/onboarding-card.tsx index d11ff14c4..585f5274c 100644 --- a/apps/app/components/onboarding/onboarding-card.tsx +++ b/apps/app/components/onboarding/onboarding-card.tsx @@ -10,15 +10,20 @@ interface IOnboardingCard { type Props = { data: IOnboardingCard; + gradient?: boolean; }; -export const OnboardingCard: React.FC = ({ data }) => ( - <> +export const OnboardingCard: React.FC = ({ data, gradient = false }) => ( +
{data.title}

{data.title}

{data.description}

{data.step} - +
); diff --git a/apps/app/pages/onboarding.tsx b/apps/app/pages/onboarding.tsx index 55c6541ee..4d61fe97f 100644 --- a/apps/app/pages/onboarding.tsx +++ b/apps/app/pages/onboarding.tsx @@ -55,15 +55,15 @@ const Onboarding: NextPage = () => { ) : (
-
+
{step === 4 ? ( ) : step === 5 ? ( - + ) : step === 6 ? ( - + ) : step === 7 ? ( - + ) : ( )} diff --git a/apps/app/public/onboarding/cycle.svg b/apps/app/public/onboarding/cycle.svg index 6fe945867..2841d367a 100644 --- a/apps/app/public/onboarding/cycle.svg +++ b/apps/app/public/onboarding/cycle.svg @@ -1,43 +1,43 @@ - - - + + + - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + - + - - + + - - - + + + - + - + diff --git a/apps/app/public/onboarding/issue.svg b/apps/app/public/onboarding/issue.svg index d1c2bb364..e6d0fa0f6 100644 --- a/apps/app/public/onboarding/issue.svg +++ b/apps/app/public/onboarding/issue.svg @@ -1,31 +1,43 @@ - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + - + - + - - + + + + + + + + + + + + diff --git a/apps/app/public/onboarding/module.svg b/apps/app/public/onboarding/module.svg index 87fab93c6..2058bb4f3 100644 --- a/apps/app/public/onboarding/module.svg +++ b/apps/app/public/onboarding/module.svg @@ -1,48 +1,48 @@ - - - + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + - + - - + + - - - + + + - + - +