arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-01-09 07:30:58 +00:00
Code Issues Releases Wiki Activity

Merge pull request #458 from trezor/fix/coins-menu-padding

Browse Source 
Fix/coins menu padding
This commit is contained in:
Vladimir Volek 2019-03-19 18:24:05 +01:00 committed by GitHub
commit 80b96224c1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/images/CoinLogo/index.js
View File

@ -5,35 +5,22 @@ import PropTypes from 'prop-types';
const Wrapper = styled.div` const Wrapper = styled.div`
padding-right: 20px; padding-right: 20px;
width: 40px; width: 40px;
display: flex;
justify-content: center;
`; `;
const Logo = styled.img` const Logo = styled.img`
width: ${props => (props.hasLongIcon ? '15px' : '23px')}; height: 23px;
margin-left: ${props => (props.hasLongIcon ? '3px' : '0px')};
display: block; display: block;
`; `;
class CoinLogo extends PureComponent { class CoinLogo extends PureComponent {
constructor() {
super();
this.longIcons = ['etc', 'eth', 'trop'];
}
hasLongIcon(network) {
let hasLongIcon = false;
if (this.longIcons.includes(network)) {
hasLongIcon = true;
}
return hasLongIcon;
}
render() { render() {
const { network, className, standalone } = this.props; const { network, className, standalone } = this.props;
const logo = ( const logo = (
<Logo <Logo
className={className} className={className}
hasLongIcon={this.hasLongIcon(network)}
src={require(`images/coins/${network}.png`)} // eslint-disable-line src={require(`images/coins/${network}.png`)} // eslint-disable-line
/> />
); );

4
src/views/Wallet/components/LeftNavigation/components/RowCoin/index.js
View File

@ -15,7 +15,9 @@ const CoinNameWrapper = styled.div`
const RowCoinWrapper = styled.div` const RowCoinWrapper = styled.div`
padding: ${LEFT_NAVIGATION_ROW.PADDING}; padding: ${LEFT_NAVIGATION_ROW.PADDING};
height: 50px; padding-top: 0;
padding-bottom: 0;
height: 44px;
display: block; display: block;
font-size: ${FONT_SIZE.BIG}; font-size: ${FONT_SIZE.BIG};
color: ${colors.TEXT_PRIMARY}; color: ${colors.TEXT_PRIMARY};