zecfoundation
/
zepio
mirror of https://github.com/ZcashFoundation/zepio.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

hotfix: remove border radius from transaction item

This commit is contained in:
George Lima 2018-12-13 14:19:53 -03:00
parent dd4ff196c8
commit e1b8bfc358
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/components/transaction-item.js
View File

@ -16,8 +16,7 @@ import formatNumber from '../utils/formatNumber';
const Wrapper = styled(RowComponent)` const Wrapper = styled(RowComponent)`
background-color: ${props => props.theme.colors.cardBackgroundColor}; background-color: ${props => props.theme.colors.cardBackgroundColor};
padding: 15px 17px; padding: 10px 17px;
border-radius: 7.5px;
`; `;
const Icon = styled.img` const Icon = styled.img`
@ -37,9 +36,10 @@ const TransactionTime = styled(TextComponent)`
const TransactionColumn = styled(ColumnComponent)` const TransactionColumn = styled(ColumnComponent)`
margin-left: 10px; margin-left: 10px;
margin-right: 80px; margin-right: 80px;
min-width: 60px;
`; `;
type Props = { export type Transaction = {
type: 'sent' | 'received', type: 'sent' | 'received',
date: string, date: string,
address: string, address: string,
@ -51,11 +51,11 @@ const truncateAddress = (address: string) => `${address.substr(0, 20)}...${addre
export const TransactionItemComponent = ({ export const TransactionItemComponent = ({
type, date, address, amount, type, date, address, amount,
}: Props) => { }: Transaction) => {
const isReceived = type === 'received'; const isReceived = type === 'received';
return ( return (
<Wrapper alignItems='center' justifyContent='space-between'> <Wrapper alignItems='center' justifyContent='space-between'>
<RowComponent> <RowComponent alignItems='center'>
<RowComponent alignItems='center'> <RowComponent alignItems='center'>
<Icon src={isReceived ? ReceivedIcon : SentIcon} alt='Transaction Type Icon' /> <Icon src={isReceived ? ReceivedIcon : SentIcon} alt='Transaction Type Icon' />
<TransactionColumn> <TransactionColumn>