Thanks to visit codestin.com
Credit goes to github.com

Skip to content
This repository was archived by the owner on May 20, 2025. It is now read-only.

Kevin/update:story and partner numbers jan 2021 #1345

Merged
merged 1 commit into from
Jan 20, 2021
Merged

Kevin/update:story and partner numbers jan 2021 #1345

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions src/pages/about/_our-numbers.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,7 +94,7 @@ const OurNumbers = () => (
</article>
<article>
<Show.Desktop>
<NumberHeader size="3.6rem">{localize('1.8M+')}</NumberHeader>
<NumberHeader size="3.6rem">{localize('2.9M+')}</NumberHeader>
<Text align="center">{localize('Trading accounts opened')}</Text>
</Show.Desktop>

Expand All @@ -111,33 +111,33 @@ const OurNumbers = () => (
<Text align="center">{localize('Total trade turnover')}</Text>
</Show.Desktop>
<Show.Mobile>
<NumberHeader size="4.5rem">{localize('1.8M+')}</NumberHeader>
<NumberHeader size="4.5rem">{localize('2.9M+')}</NumberHeader>
<Text size="2rem" align="center">
{localize('Trading accounts opened')}
</Text>
</Show.Mobile>
</article>
<article>
<Show.Desktop>
<NumberHeader size="3.6rem">{localize('62M+')}</NumberHeader>
<NumberHeader size="3.6rem">{localize('65M+')}</NumberHeader>
<Text align="center">{localize('Trades last month')}</Text>
</Show.Desktop>

<Show.Mobile>
<NumberHeader size="4.5rem">{localize('62M+')}</NumberHeader>
<NumberHeader size="4.5rem">{localize('65M+')}</NumberHeader>
<Text size="2rem" align="center">
{localize('Trades last month')}
</Text>
</Show.Mobile>
</article>
<article>
<Show.Desktop>
<NumberHeader size="3.6rem">{localize('USD 15M+')}</NumberHeader>
<NumberHeader size="3.6rem">{localize('USD 19M+')}</NumberHeader>
<Text align="center">{localize('Withdrawal last month')}</Text>
</Show.Desktop>

<Show.Mobile>
<NumberHeader size="4.5rem">{localize('USD 15M+')}</NumberHeader>
<NumberHeader size="4.5rem">{localize('USD 19M+')}</NumberHeader>
<Text size="2rem" align="center">
{localize('Withdrawal last month')}
</Text>
Expand Down
33 changes: 19 additions & 14 deletions src/pages/partners/_deriv-numbers.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,11 @@ const Card = styled(Flex)`
margin-right: 0;
}
`

const CardHeader = styled(Header)`
white-space:nowrap;
`

const DerivNumbers = () => {
return (
<Container direction="column">
Expand All @@ -31,33 +36,33 @@ const DerivNumbers = () => {
</Header>
<Wrapper mb="8rem">
<Card direction="column">
<Header as="h5" size="var(--text-size-header-1)" mb="0.8rem" align="center">
<CardHeader as="h5" size="var(--text-size-header-1)" mb="0.8rem" align="center">
20+
</Header>
</CardHeader>
<Text align="center">{localize('Years of industry experience')}</Text>
</Card>
<Card direction="column">
<Header as="h5" size="var(--text-size-header-1)" mb="0.8rem" align="center">
1.2M+
</Header>
<CardHeader as="h5" size="var(--text-size-header-1)" mb="0.8rem" align="center">
2.9M+
</CardHeader>
<Text align="center">{localize('Trading accounts opened')}</Text>
</Card>
<Card direction="column">
<Header as="h5" size="var(--text-size-header-1)" mb="0.8rem" align="center">
USD 7B+
</Header>
<CardHeader as="h5" size="var(--text-size-header-1)" mb="0.8rem" align="center">
USD 8B+
</CardHeader>
<Text align="center">{localize('Total trade turnover')}</Text>
</Card>
<Card direction="column">
<Header as="h5" size="var(--text-size-header-1)" mb="0.8rem" align="center">
27M+
</Header>
<CardHeader as="h5" size="var(--text-size-header-1)" mb="0.8rem" align="center">
65M+
</CardHeader>
<Text align="center">{localize('Trades last month')}</Text>
</Card>
<Card direction="column">
<Header as="h5" size="var(--text-size-header-1)" mb="0.8rem" align="center">
USD 9M+
</Header>
<CardHeader as="h5" size="var(--text-size-header-1)" mb="0.8rem" align="center">
USD 19M+
</CardHeader>
<Text align="center">{localize('Withdrawals last month')}</Text>
</Card>
</Wrapper>
Expand Down