m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

[WIP] Begin fixing responsive layout with many wallets

Browse Source
This commit is contained in:
sdtsui 2017-08-11 00:42:44 -07:00
parent f23d8c7393
commit 9954c95b4a
2 changed files with 57 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
ui/app/components/wallet-view.js
View File

@ -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: {},
}),
]),
])
]),
])
}

8
ui/app/css/itcss/components/transaction-list.scss
View File

@ -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;
}