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

Move tx and wallet view styles to component classes

Browse Source
This commit is contained in:
sdtsui 2017-08-06 20:47:59 -07:00
parent 5c7adc911d
commit 29662ff7b4
3 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ui/app/components/tx-view.js
View File

@ -43,10 +43,7 @@ TxView.prototype.render = function () {
const selected = '0x82df11beb942BEeeD58d466fCb0F0791365C7684' // TODO: remove fake address const selected = '0x82df11beb942BEeeD58d466fCb0F0791365C7684' // TODO: remove fake address
return h('div.tx-view.flex-column', { return h('div.tx-view.flex-column', {
style: { style: {},
flex: '62 0 62%',
background: '#FFFFFF',
}
}, [ }, [
h('div.flex-row.phone-visible', { h('div.flex-row.phone-visible', {

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

@ -35,11 +35,7 @@ WalletView.prototype.render = function () {
const { network, responsiveDisplayClassname, style } = this.props const { network, responsiveDisplayClassname, style } = this.props
return h('div.wallet-view.flex-column' + (responsiveDisplayClassname || ''), { return h('div.wallet-view.flex-column' + (responsiveDisplayClassname || ''), {
style: { style: {},
flex: '28 0 28%',
background: '#FAFAFA', // TODO: add to reusable colors
...style,
}
}, [ }, [
// TODO: Separate component: wallet account details // TODO: Separate component: wallet account details

16
ui/app/css/itcss/components/newui-sections.scss
View File

@ -13,7 +13,21 @@
overflow-y: scroll; 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; flex: 1 0 230px;
background: rgb(250, 250, 250); background: rgb(250, 250, 250);
z-index: 26; z-index: 26;