Browse Source

Unify empty states style

master
meriadec 7 years ago
parent
commit
b8631b0679
No known key found for this signature in database GPG Key ID: 1D2FC2305E2CB399
  1. 4
      src/components/AccountPage/EmptyStateAccount.js
  2. 14
      src/components/DashboardPage/EmptyState.js

4
src/components/AccountPage/EmptyStateAccount.js

@ -41,7 +41,7 @@ class EmptyStateAccount extends PureComponent<Props, *> {
/>
<Box mt={5} alignItems="center">
<Title>{t('app:account.emptyState.title')}</Title>
<Description>
<Description mt={3} style={{ display: 'block' }}>
<Trans i18nKey="app:account.emptyState.desc">
{'Make sure the'}
<Text ff="Open Sans|SemiBold" color="dark">
@ -50,7 +50,7 @@ class EmptyStateAccount extends PureComponent<Props, *> {
{'app is installed to receive funds.'}
</Trans>
</Description>
<Button mt={3} padded primary onClick={() => openModal(MODAL_RECEIVE, { account })}>
<Button mt={5} padded primary onClick={() => openModal(MODAL_RECEIVE, { account })}>
<Box horizontal flow={1} alignItems="center">
<IconReceive size={12} />
<Box>{t('app:account.emptyState.buttons.receiveFunds')}</Box>

14
src/components/DashboardPage/EmptyState.js

@ -46,8 +46,10 @@ class EmptyState extends PureComponent<Props, *> {
/>
<Box mt={5} alignItems="center">
<Title>{t('app:emptyState.dashboard.title')}</Title>
<Description>{t('app:emptyState.dashboard.desc')}</Description>
<Box mt={3} horizontal justifyContent="space-around" style={{ width: 300 }}>
<Description mt={3} style={{ maxWidth: 600 }}>
{t('app:emptyState.dashboard.desc')}
</Description>
<Box mt={5} horizontal style={{ width: 300 }} flow={3} justify="center">
<Button padded primary style={{ minWidth: 120 }} onClick={this.handleInstallApp}>
{t('app:emptyState.dashboard.buttons.installApp')}
</Button>
@ -76,11 +78,9 @@ export const Description = styled(Box).attrs({
ff: 'Open Sans|Regular',
fontSize: 4,
color: p => p.theme.colors.graphite,
})`
margin: 10px auto 25px;
display: block;
text-align: center;
`
textAlign: 'center',
})``
export default compose(
connect(
null,

Loading…
Cancel
Save