diff options
| author | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-01 12:27:37 +0800 |
|---|---|---|
| committer | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-01 12:27:37 +0800 |
| commit | c7ace5b23d911512495edbd4f0ecb8e0190bc537 (patch) | |
| tree | 66d94857f528bba2d4d18706c210a582fb5d1c6a /ui/app/components/tx-view.js | |
| parent | c876428044c8e6eec300ceeb0d7ab0c44e68f8d3 (diff) | |
| download | tangerine-wallet-browser-c7ace5b23d911512495edbd4f0ecb8e0190bc537.tar tangerine-wallet-browser-c7ace5b23d911512495edbd4f0ecb8e0190bc537.tar.gz tangerine-wallet-browser-c7ace5b23d911512495edbd4f0ecb8e0190bc537.tar.bz2 tangerine-wallet-browser-c7ace5b23d911512495edbd4f0ecb8e0190bc537.tar.lz tangerine-wallet-browser-c7ace5b23d911512495edbd4f0ecb8e0190bc537.tar.xz tangerine-wallet-browser-c7ace5b23d911512495edbd4f0ecb8e0190bc537.tar.zst tangerine-wallet-browser-c7ace5b23d911512495edbd4f0ecb8e0190bc537.zip | |
Add hyperscript for tx-view tabs
Diffstat (limited to 'ui/app/components/tx-view.js')
| -rw-r--r-- | ui/app/components/tx-view.js | 36 |
1 files changed, 27 insertions, 9 deletions
diff --git a/ui/app/components/tx-view.js b/ui/app/components/tx-view.js index b10589035..06ee3bfc6 100644 --- a/ui/app/components/tx-view.js +++ b/ui/app/components/tx-view.js @@ -13,6 +13,15 @@ module.exports = connect()(TxView) // network: state.metamask.network, // } // } +// +const contentDivider = h('div', { + style: { + marginLeft: '1.3em', + marginRight: '1.3em', + height:'1px', + background:'#E7E7E7', // TODO: make custom color + }, +}) inherits(TxView, Component) function TxView () { @@ -28,23 +37,32 @@ TxView.prototype.render = function () { } }, [ h('div.flex-row', { + style: { + margin: '1.8em 1.3em', + } }, [ - // tab - h('div.flex-column', { + // tx-view-tab.js + h('div.flex-row', { }, [ - h('div', {}, 'Transactions'), + h('div', { style: { - height: '0.5em', - color: 'black', - width: '100%', + borderBottom: '0.07em solid black', + paddingBottom: '0.015em', } - }) - ]), + }, 'TRANSACTIONS'), + + h('div', { + style: { + marginLeft: '2em', + } + }, 'TOKENS'), - // tab2 + ]), ]) + + h('') ]) // column // tab row |