Move tx and wallet view styles to component classes

feature/default_network_editable
sdtsui 7 years ago
parent 5c7adc911d
commit 29662ff7b4
  1. 5
      ui/app/components/tx-view.js
  2. 6
      ui/app/components/wallet-view.js
  3. 16
      ui/app/css/itcss/components/newui-sections.scss

@ -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…
Cancel
Save