1
0
mirror of https://github.com/trezor/trezor-wallet synced 2025-01-12 09:00:58 +00:00

Fixed paddings

This commit is contained in:
Vladimir Volek 2018-08-13 14:29:34 +02:00
parent 8cc345aa05
commit 8375a4c48b

View File

@ -1,6 +1,5 @@
/* @flow */ /* @flow */
import styled from 'styled-components';
import React, { Component } from 'react'; import React, { Component } from 'react';
import { H2 } from '~/js/components/common/Heading'; import { H2 } from '~/js/components/common/Heading';
import BigNumber from 'bignumber.js'; import BigNumber from 'bignumber.js';
@ -17,6 +16,10 @@ import * as stateUtils from '~/js/reducers/utils';
import type { Props } from './index'; import type { Props } from './index';
import type { NetworkToken } from '~/js/reducers/LocalStorageReducer'; import type { NetworkToken } from '~/js/reducers/LocalStorageReducer';
const StyledH2 = styled(H2)`
padding: 20px 48px;
`;
const Summary = (props: Props) => { const Summary = (props: Props) => {
const device = props.wallet.selectedDevice; const device = props.wallet.selectedDevice;
const { const {
@ -41,10 +44,10 @@ const Summary = (props: Props) => {
return ( return (
<div> <div>
<h2 className={`summary-header ${account.network}`}> <StyledH2 className={`summary-header ${account.network}`}>
Account #{ parseInt(account.index) + 1 } Account #{ parseInt(account.index) + 1 }
<a href={explorerLink} className="gray" target="_blank" rel="noreferrer noopener">See full transaction history</a> <a href={explorerLink} className="gray" target="_blank" rel="noreferrer noopener">See full transaction history</a>
</h2> </StyledH2>
<SummaryDetails <SummaryDetails
coin={network} coin={network}
@ -56,7 +59,7 @@ const Summary = (props: Props) => {
onToggle={props.onDetailsToggle} onToggle={props.onDetailsToggle}
/> />
<H2> <StyledH2>
Tokens Tokens
<Tooltip <Tooltip
arrowContent={<div className="rc-tooltip-arrow-inner" />} arrowContent={<div className="rc-tooltip-arrow-inner" />}
@ -65,7 +68,7 @@ const Summary = (props: Props) => {
> >
<span className="what-is-it" /> <span className="what-is-it" />
</Tooltip> </Tooltip>
</H2> </StyledH2>
{/* 0x58cda554935e4a1f2acbe15f8757400af275e084 Lahod */} {/* 0x58cda554935e4a1f2acbe15f8757400af275e084 Lahod */}
{/* 0x58cda554935e4a1f2acbe15f8757400af275e084 T01 */} {/* 0x58cda554935e4a1f2acbe15f8757400af275e084 T01 */}
<div className="filter"> <div className="filter">