Changeset View
Changeset View
Standalone View
Standalone View
web/cashtab/src/components/Wallet/TokenListItem.js
| Show All 13 Lines | |||||
| `; | `; | ||||
| const Wrapper = styled.div` | const Wrapper = styled.div` | ||||
| display: flex; | display: flex; | ||||
| justify-content: space-between; | justify-content: space-between; | ||||
| align-items: center; | align-items: center; | ||||
| padding: 15px 25px; | padding: 15px 25px; | ||||
| border-radius: 3px; | border-radius: 3px; | ||||
| background: #ffffff; | background: ${props => props.theme.tokenListItem.background}; | ||||
| margin-bottom: 3px; | margin-bottom: 3px; | ||||
| box-shadow: rgba(0, 0, 0, 0.01) 0px 0px 1px, rgba(0, 0, 0, 0.04) 0px 4px 8px, | box-shadow: ${props => props.theme.tokenListItem.boxShadow}; | ||||
| rgba(0, 0, 0, 0.04) 0px 16px 24px, rgba(0, 0, 0, 0.01) 0px 24px 32px; | border: 1px solid ${props => props.theme.tokenListItem.border}; | ||||
| border: 1px solid #e9eaed; | |||||
| :hover { | :hover { | ||||
| border-color: #5ebd6d; | border-color: ${props => props.theme.tokenListItem.hoverBorder}; | ||||
| } | } | ||||
| `; | `; | ||||
| const TokenListItem = ({ ticker, balance, tokenId }) => { | const TokenListItem = ({ ticker, balance, tokenId }) => { | ||||
| return ( | return ( | ||||
| <Wrapper> | <Wrapper> | ||||
| <TokenIcon> | <TokenIcon> | ||||
| {currency.tokenIconsUrl !== '' ? ( | {currency.tokenIconsUrl !== '' ? ( | ||||
| Show All 38 Lines | |||||