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

Styled other wallet views

Browse Source
This commit is contained in:
Vladimir Volek 2018-09-26 12:17:19 +02:00
parent c0eb30f83c
commit 8ac60bd125
5 changed files with 18 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/Landing/index.js
View File

@ -102,7 +102,7 @@ export default (props: Props) => {
<LandingContent> <LandingContent>
{shouldShowUnsupportedBrowser && <BrowserNotSupported />} {true && <BrowserNotSupported />}
{shouldShowInstallBridge && <InstallBridge browserState={browserState} />} {shouldShowInstallBridge && <InstallBridge browserState={browserState} />}
{(shouldShowConnectDevice || shouldShowDisconnectDevice) && ( {(shouldShowConnectDevice || shouldShowDisconnectDevice) && (

2
src/views/Wallet/index.js
View File

@ -77,7 +77,7 @@ const Body = styled.div`
display: flex; display: flex;
flex: 1; flex: 1;
flex-direction: column; flex-direction: column;
padding: 40px 35px 20px 35px; padding: 40px 35px 40px 35px;
`; `;
const Wallet = (props: WalletContainerProps) => ( const Wallet = (props: WalletContainerProps) => (

2
src/views/Wallet/views/Bootloader/index.js
View File

@ -12,8 +12,6 @@ const Wrapper = styled.div`
const Row = styled.div` const Row = styled.div`
flex: 1; flex: 1;
display: flex; display: flex;
padding: 0px 48px;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;

6
src/views/Wallet/views/Dashboard/index.js
View File

@ -11,10 +11,6 @@ const Wrapper = styled.div`
flex: 1; flex: 1;
`; `;
const StyledH2 = styled(H2)`
padding: 24px 48px;
`;
const Row = styled.div` const Row = styled.div`
flex: 1; flex: 1;
display: flex; display: flex;
@ -32,7 +28,7 @@ const P = styled.p`
const Dashboard = () => ( const Dashboard = () => (
<Wrapper> <Wrapper>
<StyledH2>Dashboard</StyledH2> <H2>Dashboard</H2>
<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>

30
src/views/Wallet/views/DeviceSettings/index.js
View File

@ -4,19 +4,16 @@ import { H2 } from 'components/Heading';
import Icon from 'components/Icon'; import Icon from 'components/Icon';
import colors from 'config/colors'; import colors from 'config/colors';
import Button from 'components/Button'; import Button from 'components/Button';
import P from 'components/Paragraph';
import Link from 'components/Link';
import ICONS from 'config/icons'; import ICONS from 'config/icons';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
const Section = styled.section` const Section = styled.section`
`; display: flex;
justify-content: center;
const P = styled.p` align-items: center;
padding: 12px 0px 24px 0px; height: 100%;
text-align: center;
`;
const StyledH2 = styled(H2)`
padding-top: 15px;
`; `;
const Row = styled.div` const Row = styled.div`
@ -25,8 +22,11 @@ const Row = styled.div`
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding: 0px 48px; `;
padding-bottom: 98px;
const StyledP = styled(P)`
padding: 10px 0 15px 0;
text-align: center;
`; `;
const DeviceSettings = () => ( const DeviceSettings = () => (
@ -37,11 +37,11 @@ const DeviceSettings = () => (
color={colors.WARNING_PRIMARY} color={colors.WARNING_PRIMARY}
icon={ICONS.WARNING} icon={ICONS.WARNING}
/> />
<StyledH2>Device settings is under construction</StyledH2> <H2>Device settings is under construction</H2>
<P>Please use Bitcoin wallet interface to change your device settings</P> <StyledP isSmaller>Please use Bitcoin wallet interface to change your device settings</StyledP>
<a href="https://wallet.trezor.io/"> <Link href="https://wallet.trezor.io/">
<Button>Take me to the Bitcoin wallet</Button> <Button>Take me to the Bitcoin wallet</Button>
</a> </Link>
</Row> </Row>
</Section> </Section>
); );