diff options
| author | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-09 08:51:06 +0800 |
|---|---|---|
| committer | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-09 08:51:06 +0800 |
| commit | b97dcf09ac56a2dba30c62c01244100de453a1e2 (patch) | |
| tree | ca7a341bce5afa14b7f07a09d30235c791dc4062 /ui/app/app.js | |
| parent | e260ab46cb370c3a74797f86957b5fecefda9188 (diff) | |
| download | tangerine-wallet-browser-b97dcf09ac56a2dba30c62c01244100de453a1e2.tar.gz tangerine-wallet-browser-b97dcf09ac56a2dba30c62c01244100de453a1e2.tar.zst tangerine-wallet-browser-b97dcf09ac56a2dba30c62c01244100de453a1e2.zip | |
Move inline styles out into explicitly named BEM classes
Diffstat (limited to 'ui/app/app.js')
| -rw-r--r-- | ui/app/app.js | 45 |
1 files changed, 17 insertions, 28 deletions
diff --git a/ui/app/app.js b/ui/app/app.js index e842d6297..6ab793524 100644 --- a/ui/app/app.js +++ b/ui/app/app.js @@ -134,51 +134,40 @@ App.prototype.renderGlobalModal = function() { return h(Modal, { ref: "modalRef", }, [ - h('div.modal-contents.transfers-subview', { + h('div.modal-content.transfers-subview', { }, [ - h('div.flex-column.flex-center', { - style: { - justifyContent: 'space-around', - width: '100%', - height: '100px', - }, + h('div.modal-content-title-wrapper.flex-column.flex-center', { + style: {}, }, [ - h('div', { - style: { - fontSize: '26px', - marginTop: '15px', - }, + h('div.modal-content-title', { + style: {}, }, 'Transfers'), h('div', {}, 'How would you like to buy Ether?'), ]), - h('div.buy-options.flex-column.flex-center', {}, [ + h('div.modal-content-options.flex-column.flex-center', {}, [ - h('div.buy-option', {}, [ - h('div.buy-option-title', {}, 'Coinbase'), - h('div.buy-option-subtitle', {}, 'Buy with Fiat'), + h('div.modal-content-option', {}, [ + h('div.modal-content-option-title', {}, 'Coinbase'), + h('div.modal-content-option-subtitle', {}, 'Buy with Fiat'), ]), - h('div.buy-option', {}, [ - h('div.buy-option-title', {}, 'Shapeshift'), - h('div.buy-option-subtitle', {}, 'Trade any digital asset for any other'), + h('div.modal-content-option', {}, [ + h('div.modal-content-option-title', {}, 'Shapeshift'), + h('div.modal-content-option-subtitle', {}, 'Trade any digital asset for any other'), ]), - h('div.buy-option', {}, [ - h('div.buy-option-title', {}, 'Coinbase'), - h('div.buy-option-subtitle', {}, 'Deposit from another account'), + h('div.modal-content-option', {}, [ + h('div.modal-content-option-title', {}, 'Coinbase'), + h('div.modal-content-option-subtitle', {}, 'Deposit from another account'), ]), ]), - h('div', { - style: { - textTransform: 'uppercase', - width: '100%', - height: '50px', - } + h('div.modal-content-footer', { + style: {}, }, 'Cancel'), ]) ]) |