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

refactor: style and hover styles improvements to transaction item

This commit is contained in:
André Neves 2019-01-24 00:04:47 -05:00
parent 0f4d5ff36d
commit 0902c1d3a8
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -23,7 +23,7 @@ const Wrapper = styled(RowComponent)`
cursor: pointer;
&:hover {
background-color: #101010;
background-color: #0a0a0a;
}
`;
@ -39,6 +39,14 @@ const TransactionTypeLabel = styled(TextComponent)`
text-transform: capitalize;
`;
const TransactionAddress = styled(TextComponent)`
color: #a7a7a7;
${Wrapper}:hover & {
color: #fff;
}
`;
const TransactionTime = styled(TextComponent)`
color: ${props => props.theme.colors.inactiveItem};
`;
@ -101,7 +109,7 @@ export const TransactionItemComponent = ({
<TransactionTime value={transactionTime} />
</TransactionColumn>
</RowComponent>
<TextComponent value={transactionAddress} align='left' />
<TransactionAddress value={transactionAddress} />
</RowComponent>
<ColumnComponent alignItems='flex-end'>
<TextComponent