Remove border and apply background color to gas input

This commit is contained in:
sdtsui 2017-08-22 13:09:27 -07:00
parent 97a6a8e4f6
commit c1fd19393f
3 changed files with 20 additions and 2 deletions

View File

@ -51,6 +51,13 @@
width: 100%; width: 100%;
} }
.send-screen-gas-input {
width: 100%;
background-color: $concrete;
border-width: 0px;
border-style: none;
}
.send-screen-amount-labels { .send-screen-amount-labels {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -62,3 +69,5 @@
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
} }
.send-screen-bolt-icon {}

View File

@ -25,6 +25,7 @@ $dusty-gray: #9b9b9b;
$alto: #dedede; $alto: #dedede;
$alabaster: #fafafa; $alabaster: #fafafa;
$silver-chalice: #aeaeae; $silver-chalice: #aeaeae;
$concrete: #f3f3f3;
/* /*
Z-Indicies Z-Indicies

View File

@ -134,7 +134,7 @@ SendTransactionScreen.prototype.render = function () {
h('div.send-screen-amount-labels', {}, [ h('div.send-screen-amount-labels', {}, [
h('span', {}, ['Amount']), h('span', {}, ['Amount']),
h('span', {}, ['ETH <> USD']) h('span', {}, ['ETH <> USD']), //holding on icon from design
]), ]),
h('input.large-input.send-screen-input', { h('input.large-input.send-screen-input', {
@ -148,12 +148,20 @@ SendTransactionScreen.prototype.render = function () {
h('div.send-screen-gas-labels', {}, [ h('div.send-screen-gas-labels', {}, [
h('span', {}, [ h('span', {}, [
h('i.fa.fa-bolt', {}, []), h('i.fa.fa-bolt', {}, []),
// not working ATM.
// Ship with fa-bolt if it's slowing us down...
// h('img.send-screen-bolt-icon', {
// src: '../images/mm_bolt.svg',
// style: {},
// }, []),
'Gas fee:', 'Gas fee:',
]), ]),
h('span', {}, ['What\'s this?']), h('span', {}, ['What\'s this?']),
]), ]),
h('input.large-input.send-screen-input', { h('input.large-input.send-screen-gas-input', {
placeholder: '0', placeholder: '0',
}, []), }, []),