bdf30a8 · bridge · git.iko.soy

git.iko.soy/bridge

on master help sign in

- Moved `max txn fee in eth` to slider

bdf30a8Chris Johnson8 years ago

src/components/StatelessTransaction.js+10−8

compare with master

unifiedsplit

@@ -65,7 +65,16 @@ const StatelessTransaction = props => {

66 const gasPriceRangeDialogue = (

67 <React.Fragment>

68+ <div className="mt-12 flex space-between align-baseline">

69+ <div>

70+ <span>Gas Price:</span>

68− <div className="mt-8">Gas Price: <span className="ml-4 text-700 text-sm">{gasPrice} gwei</span></div>

71+ <span className="ml-4 text-700 text-sm">{gasPrice} gwei</span>

72+ </div>

73+ <div className="text-sm">

74+ <span>Max transaction fee: </span>

75+ <span className="text-700">{(gasPrice * gasLimit) / 1000000000} eth</span>

76+ </div>

77+ </div>

70 <input

79 <input

71 className="mt-4"

80 className="mt-4"

@@ -113,12 +122,6 @@ const StatelessTransaction = props => {

113 </InnerLabel>

122 </InnerLabel>

114 </Input>

123 </Input>

115

124

116− const maxTxnPriceInEth = (

117− <div className="mt-8">

118− Max transaction price: <span className="text-700">{(gasPrice * gasLimit) / 1000000000} eth</span>

119− </div>

120− )

121−

122 const nonceDialogue =

125 const nonceDialogue =

123 <Input

126 <Input

124 className={ 'mono mt-4' }

127 className={ 'mono mt-4' }

@@ -224,7 +227,6 @@ const StatelessTransaction = props => {

224 <div>

227 <div>

225 { gasPriceDialogue }

228 { gasPriceDialogue }

226 { gasLimitDialogue }

229 { gasLimitDialogue }

227− { maxTxnPriceInEth }

228 </div>

230 </div>

229 }

231 }

230 { onlineParamsDialogue }

232 { onlineParamsDialogue }

src/style/extend.css+4

@@ -451,3 +451,7 @@ code {

451.space-between {

452 justify-content: space-between;

453}

454+

455+.align-baseline {

456+ align-items: baseline;

457+}