design: improved size of invite to refer

WatchItDev · Jan 21, 2025 · ea2582b · ea2582b
1 parent e6a43c5
commit ea2582b
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/sections/finance/components/finance-earn-tokens.tsx b/src/sections/finance/components/finance-earn-tokens.tsx
@@ -73,7 +73,7 @@ const FinanceEarnTokens: FC<FinanceEarnTokensProps> = ({ sx, lgUp, ...other }) =
             <Typography
               variant="body1"
               sx={{
-                display: { xs: 'none', md: 'flex' },
+                display: {  md: 'flex' },
                 maxWidth: 250,
                 mb: 1,
                 whiteSpace: 'pre-line',
@@ -107,7 +107,7 @@ const FinanceEarnTokens: FC<FinanceEarnTokensProps> = ({ sx, lgUp, ...other }) =
               sx={{
                 opacity: 0.8,
                 maxWidth: lgUp ? 220 : 'auto',
-                mb: { xs: 1, xl: 2 },
+                mb: { xs: 2, xl: 2 },
               }}
             >
               Invite your friends and complete tasks to grow your balance.

diff --git a/src/sections/finance/components/finance-invite-friends.tsx b/src/sections/finance/components/finance-invite-friends.tsx
@@ -142,7 +142,7 @@ export default function FinanceInviteFriends({
             >
               <Box
                 sx={{
-                  typography: 'h2',
+                  typography: 'h1',
                   color: 'warning.main',
                   textShadow: `1px 1px 5px ${COLORS.GRAY_LIGHT}`,
                 }}

diff --git a/src/sections/finance/index.tsx b/src/sections/finance/index.tsx
@@ -128,7 +128,7 @@ export default function OverviewBankingView() {
 
             <FinanceInviteFriends
               price="50"
-              title={`Invite friends \n and earn`}
+              title={`Refer and Earn!`}
               description="Invite your friends to join our platform and earn MMC 50 for each successful referral."
               img="/assets/illustrations/characters/character_11.png"
             />