diff options
| author | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-11 15:42:44 +0800 |
|---|---|---|
| committer | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-11 15:42:44 +0800 |
| commit | 9954c95b4a582d13c3b184b4e18f240865bc45f9 (patch) | |
| tree | b9bcd88d0b62b3bec4c9a64819b2a9e8a2578126 /ui | |
| parent | f23d8c7393732ba2ed3c98f7eead9beb02cd0e92 (diff) | |
| download | tangerine-wallet-browser-9954c95b4a582d13c3b184b4e18f240865bc45f9.tar.gz tangerine-wallet-browser-9954c95b4a582d13c3b184b4e18f240865bc45f9.tar.zst tangerine-wallet-browser-9954c95b4a582d13c3b184b4e18f240865bc45f9.zip | |
[WIP] Begin fixing responsive layout with many wallets
Diffstat (limited to 'ui')
| -rw-r--r-- | ui/app/components/wallet-view.js | 51 | ||||
| -rw-r--r-- | ui/app/css/itcss/components/transaction-list.scss | 8 |
2 files changed, 57 insertions, 2 deletions
diff --git a/ui/app/components/wallet-view.js b/ui/app/components/wallet-view.js index 4f6a67994..db69b5faa 100644 --- a/ui/app/components/wallet-view.js +++ b/ui/app/components/wallet-view.js @@ -242,5 +242,56 @@ WalletView.prototype.render = function () { ]), + h('div.flex-column', {}, [ + + h('div', {}, [ + + h('div.wallet-balance', {}, [ + + h(BalanceComponent, { + balanceValue: selectedAccount.balance, + style: {}, + }), + + ]), + + ]) + + ]), + + h('div.flex-column', {}, [ + + h('div', {}, [ + + h('div.wallet-balance', {}, [ + + h(BalanceComponent, { + balanceValue: selectedAccount.balance, + style: {}, + }), + + ]), + + ]) + + ]), + + h('div.flex-column', {}, [ + + h('div', {}, [ + + h('div.wallet-balance', {}, [ + + h(BalanceComponent, { + balanceValue: selectedAccount.balance, + style: {}, + }), + + ]), + + ]) + + ]), + ]) } diff --git a/ui/app/css/itcss/components/transaction-list.scss b/ui/app/css/itcss/components/transaction-list.scss index 02409fb3e..ca32508b8 100644 --- a/ui/app/css/itcss/components/transaction-list.scss +++ b/ui/app/css/itcss/components/transaction-list.scss @@ -7,8 +7,12 @@ @media screen and (max-width: $break-small) { .tx-list-header-wrapper { - margin-top: 1em; - margin-bottom: 1.4em; + margin-top: 0.2em; + margin-bottom: 0.6em; + // TODO: Resolve Layout Conflicst in Wallet View + // - This fixes txlist "transactions" title dispay + // margin-top: 0.2em; + // margin-bottom: 0.6em; justify-content: center; } |