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

View File

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

View File

@ -134,7 +134,7 @@ SendTransactionScreen.prototype.render = function () {
h('div.send-screen-amount-labels', {}, [
h('span', {}, ['Amount']),
h('span', {}, ['ETH <> USD'])
h('span', {}, ['ETH <> USD']), //holding on icon from design
]),
h('input.large-input.send-screen-input', {
@ -148,12 +148,20 @@ SendTransactionScreen.prototype.render = function () {
h('div.send-screen-gas-labels', {}, [
h('span', {}, [
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:',
]),
h('span', {}, ['What\'s this?']),
]),
h('input.large-input.send-screen-input', {
h('input.large-input.send-screen-gas-input', {
placeholder: '0',
}, []),