Changeset View
Changeset View
Standalone View
Standalone View
web/cashtab/src/components/Wallet/Tx.js
Show First 20 Lines • Show All 125 Lines • ▼ Show 20 Lines | |||||
const TxWrapper = styled.div` | const TxWrapper = styled.div` | ||||
display: grid; | display: grid; | ||||
grid-template-columns: 36px 30% 50%; | grid-template-columns: 36px 30% 50%; | ||||
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: 16px; | ||||
background: ${props => props.theme.tokenListItem.background}; | background: ${props => props.theme.tokenListItem.background}; | ||||
margin-bottom: 3px; | margin-bottom: 12px; | ||||
box-shadow: ${props => props.theme.tokenListItem.boxShadow}; | box-shadow: ${props => props.theme.tokenListItem.boxShadow}; | ||||
border: 1px solid ${props => props.theme.tokenListItem.border}; | |||||
:hover { | :hover { | ||||
border-color: ${props => props.theme.primary}; | transform: translateY(-2px); | ||||
box-shadow: rgb(136 172 243 / 25%) 0px 10px 30px, | |||||
rgb(0 0 0 / 3%) 0px 1px 1px, rgb(0 51 167 / 10%) 0px 10px 20px; | |||||
transition: all 0.8s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; | |||||
} | } | ||||
@media screen and (max-width: 500px) { | @media screen and (max-width: 500px) { | ||||
grid-template-columns: 24px 30% 50%; | grid-template-columns: 24px 30% 50%; | ||||
padding: 12px 12px; | padding: 12px 12px; | ||||
} | } | ||||
`; | `; | ||||
const Tx = ({ data, fiatPrice, fiatCurrency }) => { | const Tx = ({ data, fiatPrice, fiatCurrency }) => { | ||||
▲ Show 20 Lines • Show All 230 Lines • Show Last 20 Lines |