diff options
author | Alexander Tseung <alextsg@gmail.com> | 2018-08-01 10:37:38 +0800 |
---|---|---|
committer | Alexander Tseung <alextsg@gmail.com> | 2018-08-24 07:44:44 +0800 |
commit | 5de48c67a080f2681a005e364eefb9ea1d6b1e12 (patch) | |
tree | 17d01455456cc2c8ec2fd80ded94e1e9e3391cd7 /ui/app/components/transaction-status | |
parent | 01f00a9ca6807dd019a68bf2be8d99cee67a2738 (diff) | |
download | tangerine-wallet-browser-5de48c67a080f2681a005e364eefb9ea1d6b1e12.tar.gz tangerine-wallet-browser-5de48c67a080f2681a005e364eefb9ea1d6b1e12.tar.zst tangerine-wallet-browser-5de48c67a080f2681a005e364eefb9ea1d6b1e12.zip |
Use css grid for TransactionListItem for responsive layout
Diffstat (limited to 'ui/app/components/transaction-status')
-rw-r--r-- | ui/app/components/transaction-status/index.scss | 4 | ||||
-rw-r--r-- | ui/app/components/transaction-status/transaction-status.component.js | 5 |
2 files changed, 5 insertions, 4 deletions
diff --git a/ui/app/components/transaction-status/index.scss b/ui/app/components/transaction-status/index.scss index 03a378b4e..95d29f6d3 100644 --- a/ui/app/components/transaction-status/index.scss +++ b/ui/app/components/transaction-status/index.scss @@ -11,8 +11,8 @@ align-items: center; @media screen and (max-width: $break-small) { - height: 24px; - width: 74px; + height: 16px; + width: 70px; font-size: .5rem; } diff --git a/ui/app/components/transaction-status/transaction-status.component.js b/ui/app/components/transaction-status/transaction-status.component.js index cf688558f..1b05d61b2 100644 --- a/ui/app/components/transaction-status/transaction-status.component.js +++ b/ui/app/components/transaction-status/transaction-status.component.js @@ -30,13 +30,14 @@ const statusToTextHash = { export default class TransactionStatus extends PureComponent { static propTypes = { status: PropTypes.string, + className: PropTypes.string, } render () { - const { status } = this.props + const { className, status } = this.props return ( - <div className={classnames('transaction-status', statusToClassNameHash[status])}> + <div className={classnames('transaction-status', className, statusToClassNameHash[status])}> { statusToTextHash[status] || status } </div> ) |