|
|
@ -30,10 +30,13 @@ const RowCoinWrapper = styled.div`
|
|
|
|
|
|
|
|
|
|
|
|
const Left = styled.div`
|
|
|
|
const Left = styled.div`
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
padding-top: 1px;
|
|
|
|
justify-content: space-between;
|
|
|
|
justify-content: space-between;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
`;
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const Network = styled.div``;
|
|
|
|
|
|
|
|
|
|
|
|
const IconWrapper = styled.div`
|
|
|
|
const IconWrapper = styled.div`
|
|
|
|
margin-right: 10px;
|
|
|
|
margin-right: 10px;
|
|
|
|
`;
|
|
|
|
`;
|
|
|
@ -49,7 +52,7 @@ const RowCoin = ({ network, iconLeft, iconRight }) => (
|
|
|
|
)}
|
|
|
|
)}
|
|
|
|
<CoinNameWrapper>
|
|
|
|
<CoinNameWrapper>
|
|
|
|
<CoinLogo network={network.shortcut} />
|
|
|
|
<CoinLogo network={network.shortcut} />
|
|
|
|
<p>{network.name}</p>
|
|
|
|
<Network>{network.name}</Network>
|
|
|
|
</CoinNameWrapper>
|
|
|
|
</CoinNameWrapper>
|
|
|
|
</Left>
|
|
|
|
</Left>
|
|
|
|
{iconRight && (
|
|
|
|
{iconRight && (
|
|
|
|