From 9196fb4562a62d0070323c586cd069f2c302eff1 Mon Sep 17 00:00:00 2001 From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com> Date: Wed, 12 Apr 2023 19:01:46 +0530 Subject: [PATCH] style: onboarding screen cards (#800) --- .../components/onboarding/onboarding-card.tsx | 11 ++- apps/app/pages/onboarding.tsx | 8 +- apps/app/public/onboarding/cycle.svg | 66 ++++++++-------- apps/app/public/onboarding/issue.svg | 54 ++++++++----- apps/app/public/onboarding/module.svg | 76 +++++++++---------- 5 files changed, 116 insertions(+), 99 deletions(-) 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 @@ - - - + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + - + - - + + - - - + + + - + - +