Remove border and apply background color to gas input
This commit is contained in:
parent
97a6a8e4f6
commit
c1fd19393f
|
@ -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 {}
|
|
@ -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
|
||||||
|
|
|
@ -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',
|
||||||
}, []),
|
}, []),
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue