diff options
author | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-11 11:52:22 +0800 |
---|---|---|
committer | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-11 11:52:22 +0800 |
commit | e31c2982888fcfef5383124db4ca606644a29044 (patch) | |
tree | 1dd3a55f254299740c4183e88240041db9a1b291 /ui/app/components | |
parent | f9432c59826d95dbdaf70a3da4a8a453137efb11 (diff) | |
download | tangerine-wallet-browser-e31c2982888fcfef5383124db4ca606644a29044.tar tangerine-wallet-browser-e31c2982888fcfef5383124db4ca606644a29044.tar.gz tangerine-wallet-browser-e31c2982888fcfef5383124db4ca606644a29044.tar.bz2 tangerine-wallet-browser-e31c2982888fcfef5383124db4ca606644a29044.tar.lz tangerine-wallet-browser-e31c2982888fcfef5383124db4ca606644a29044.tar.xz tangerine-wallet-browser-e31c2982888fcfef5383124db4ca606644a29044.tar.zst tangerine-wallet-browser-e31c2982888fcfef5383124db4ca606644a29044.zip |
Implement widescreen layout for tx list
Diffstat (limited to 'ui/app/components')
-rw-r--r-- | ui/app/components/tx-list.js | 58 |
1 files changed, 28 insertions, 30 deletions
diff --git a/ui/app/components/tx-list.js b/ui/app/components/tx-list.js index 57d7af4f1..e9f0c1cef 100644 --- a/ui/app/components/tx-list.js +++ b/ui/app/components/tx-list.js @@ -21,7 +21,7 @@ function TxList () { Component.call(this) } -const contentDivider = h('div', { +const contentDivider = h('div.tx-list-content-divider', { style: { marginLeft: '1.3em', marginRight: '1.3em', @@ -38,13 +38,10 @@ TxList.prototype.render = function () { return h('div.flex-column.tx-list-container', {}, [ - h('div.flex-row.tx-list', { - style: { - margin: '1.8em 0.9em 0.8em 0.9em', - }, + h('div.flex-row.tx-list-header', { + style: {}, }, [ - // tx-view-tab.js h('div.flex-row', { }, [ @@ -53,6 +50,7 @@ TxList.prototype.render = function () { }, 'TRANSACTIONS'), ]), + ]), contentDivider, @@ -61,41 +59,41 @@ TxList.prototype.render = function () { contentDivider, - // this.renderTransactionListItem(), + this.renderTransactionListItem(), - // contentDivider, + contentDivider, - // this.renderTransactionListItem(), + this.renderTransactionListItem(), - // contentDivider, + contentDivider, - // this.renderTransactionListItem(), + this.renderTransactionListItem(), - // contentDivider, + contentDivider, - // this.renderTransactionListItem(), + this.renderTransactionListItem(), - // contentDivider, + contentDivider, - // this.renderTransactionListItem(), + this.renderTransactionListItem(), - // contentDivider, + contentDivider, - // this.renderTransactionListItem(), + this.renderTransactionListItem(), - // contentDivider, + contentDivider, - // this.renderTransactionListItem(), + this.renderTransactionListItem(), - // contentDivider, + contentDivider, - // this.renderTransactionListItem(), + this.renderTransactionListItem(), - // contentDivider, + contentDivider, - // this.renderTransactionListItem(), + this.renderTransactionListItem(), - // contentDivider, + contentDivider, ]) } @@ -106,7 +104,7 @@ TxList.prototype.renderTransactionListItem = function () { dateString: 'Jul 01, 2017', address: '0x82df11beb942beeed58d466fcb0f0791365c7684', transactionStatus: 'Confirmed', - transactionAmount: '3' + transactionAmount: '+ 3 ETH' } const { address, transactionStatus, transactionAmount, dateString } = props @@ -132,14 +130,14 @@ TxList.prototype.renderTransactionListItem = function () { }, [ h(Identicon, { address, - diameter: 18, + diameter: 24, }) ]), h('div.tx-list-account-wrapper', { style: {} }, [ - h('span', {}, [ + h('span.tx-list-account', {}, [ '0x82df11be...7684', //address ]), ]), @@ -156,12 +154,12 @@ TxList.prototype.renderTransactionListItem = function () { style: {} }, [ - h('span', {}, [ + h('span.tx-list-value', {}, [ transactionAmount, ]), - h('span', {}, [ - '300 USD', + h('span.tx-list-fiat-value', {}, [ + '+ $300 USD', ]), ]), |