arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-28 11:18:16 +00:00
Code Issues Releases Wiki Activity

Dashboard refactored

Browse Source
This commit is contained in:
Vladimir Volek 2018-08-10 17:51:53 +02:00
parent eac49bd78d
commit 03af4fdfce
3 changed files with 34 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/js/components/wallet/pages/Dashboard.js
View File

@ -1,20 +1,44 @@
/* @flow */
import React from 'react'; import React from 'react';
import { H2 } from '~/js/components/common/Heading'; import styled from 'styled-components';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
import { H2 } from '~/js/components/common/Heading';
import DashboardImg from '~/images/dashboard.png'; import DashboardImg from '~/images/dashboard.png';
const Wrapper = styled.div`
display: flex;
flex-direction: column;
flex: 1;
`;
const StyledH2 = styled(H2)`
padding: 24px 48px;
`;
const Row = styled.div`
flex: 1;
display: flex;
padding: 0px 48px;
flex-direction: column;
justify-content: center;
align-items: center;
`;
const P = styled.p`
padding: 24px 0px;
text-align: center;
`;
const Dashboard = () => ( const Dashboard = () => (
<section className="dashboard"> <Wrapper>
<H2>Dashboard</H2> <StyledH2>Dashboard</StyledH2>
<div className="row"> <Row>
<H2>Please select your coin</H2> <H2>Please select your coin</H2>
<p>You will gain access to recieving &amp; sending selected coin</p> <P>You will gain access to recieving &amp; sending selected coin</P>
<img src={DashboardImg} height="34" width="auto" alt="Dashboard" /> <img src={DashboardImg} height="34" width="auto" alt="Dashboard" />
</div> </Row>
</section> </Wrapper>
); );
export default connect(null, null)(Dashboard); export default connect(null, null)(Dashboard);

24
src/styles/dashboard.less
View File

@ -1,24 +0,0 @@
.dashboard {
//height: 1000px;
.row {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0px 48px;
padding-bottom: 98px;
h2 {
padding: 0;
}
p {
padding: 24px 0px;
text-align: center;
}
}
}

2
src/styles/index.less
View File

@ -10,7 +10,6 @@
@import './reactSelect.less'; @import './reactSelect.less';
@import './rcTooltip.less'; @import './rcTooltip.less';
@import './history.less'; @import './history.less';
@import './send.less'; @import './send.less';
@import './receive.less'; @import './receive.less';
@ -19,7 +18,6 @@
@import './landingPage.less'; @import './landingPage.less';
@import './dashboard.less';
@import './acquire.less'; @import './acquire.less';
@import './notification.less'; @import './notification.less';