diff options
| author | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-01 14:07:58 +0800 |
|---|---|---|
| committer | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-01 14:07:58 +0800 |
| commit | a7fc5126502a9c69aaa727178997ea4ed703c2d6 (patch) | |
| tree | aabe5b2b2d8acfa2c2606ba2d74f3efbc69648ef /ui/app/components | |
| parent | 9cc461a6c2348ffd1a884e0ca92d74294cce6b4e (diff) | |
| download | tangerine-wallet-browser-a7fc5126502a9c69aaa727178997ea4ed703c2d6.tar tangerine-wallet-browser-a7fc5126502a9c69aaa727178997ea4ed703c2d6.tar.gz tangerine-wallet-browser-a7fc5126502a9c69aaa727178997ea4ed703c2d6.tar.bz2 tangerine-wallet-browser-a7fc5126502a9c69aaa727178997ea4ed703c2d6.tar.lz tangerine-wallet-browser-a7fc5126502a9c69aaa727178997ea4ed703c2d6.tar.xz tangerine-wallet-browser-a7fc5126502a9c69aaa727178997ea4ed703c2d6.tar.zst tangerine-wallet-browser-a7fc5126502a9c69aaa727178997ea4ed703c2d6.zip | |
Implement mobile-friendly responsive layout with flex wrap
Diffstat (limited to 'ui/app/components')
| -rw-r--r-- | ui/app/components/tx-view.js | 6 | ||||
| -rw-r--r-- | ui/app/components/wallet-view.js | 5 |
2 files changed, 9 insertions, 2 deletions
diff --git a/ui/app/components/tx-view.js b/ui/app/components/tx-view.js index c32e9edcb..bcd30e6d8 100644 --- a/ui/app/components/tx-view.js +++ b/ui/app/components/tx-view.js @@ -31,7 +31,11 @@ function TxView () { TxView.prototype.render = function () { return h('div.tx-view.flex-column', { style: { - width: '66.666%', + // width: '66.666%', + flexGrow: 2, + flexShrink: 0, + flexBasis: '230px', // .666*345 + // flexBasis: '400px', height: '82vh', background: '#FFFFFF', } diff --git a/ui/app/components/wallet-view.js b/ui/app/components/wallet-view.js index b8ea633db..60c2cb5c6 100644 --- a/ui/app/components/wallet-view.js +++ b/ui/app/components/wallet-view.js @@ -28,7 +28,10 @@ WalletView.prototype.render = function () { return h('div.wallet-view.flex-column', { style: { - width: '33.333%', + // width: '33.333%', + flexGrow: 1, + flexShrink: 0, + flexBasis: '230px', // .333*345 height: '82vh', background: '#FAFAFA', // TODO: add to reusable colors } |