mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
Move tx and wallet view styles to component classes
This commit is contained in:
parent
5c7adc911d
commit
29662ff7b4
@ -43,10 +43,7 @@ TxView.prototype.render = function () {
|
||||
const selected = '0x82df11beb942BEeeD58d466fCb0F0791365C7684' // TODO: remove fake address
|
||||
|
||||
return h('div.tx-view.flex-column', {
|
||||
style: {
|
||||
flex: '62 0 62%',
|
||||
background: '#FFFFFF',
|
||||
}
|
||||
style: {},
|
||||
}, [
|
||||
|
||||
h('div.flex-row.phone-visible', {
|
||||
|
@ -35,11 +35,7 @@ WalletView.prototype.render = function () {
|
||||
const { network, responsiveDisplayClassname, style } = this.props
|
||||
|
||||
return h('div.wallet-view.flex-column' + (responsiveDisplayClassname || ''), {
|
||||
style: {
|
||||
flex: '28 0 28%',
|
||||
background: '#FAFAFA', // TODO: add to reusable colors
|
||||
...style,
|
||||
}
|
||||
style: {},
|
||||
}, [
|
||||
|
||||
// TODO: Separate component: wallet account details
|
||||
|
@ -13,7 +13,21 @@
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
|
||||
// tx view
|
||||
.tx-view {
|
||||
flex: 63.5 0 66.5%;
|
||||
background: '#FFFFFF'; // TODO: add to resuable colors
|
||||
}
|
||||
|
||||
.wallet-view {
|
||||
flex: 33.5 0 33.5%;
|
||||
background: #FAFAFA, // TODO: add to reusable colors
|
||||
}
|
||||
|
||||
// wallet view
|
||||
|
||||
.wallet-view.sidebar {
|
||||
flex: 1 0 230px;
|
||||
background: rgb(250, 250, 250);
|
||||
z-index: 26;
|
||||
|
Loading…
Reference in New Issue
Block a user