diff options
| author | Fabio Berger <me@fabioberger.com> | 2017-12-19 19:38:41 +0800 |
|---|---|---|
| committer | Fabio Berger <me@fabioberger.com> | 2017-12-19 19:38:41 +0800 |
| commit | 66fe7b88b0892b5a5c7a06d66bec9035dd7782f0 (patch) | |
| tree | 40b5a40fb89c843127432f4f190c97ac76c9f9dc | |
| parent | 16179d2f8ec508388de8f057c9a79ff684c63fb0 (diff) | |
| download | dexon-sol-tools-66fe7b88b0892b5a5c7a06d66bec9035dd7782f0.tar.gz dexon-sol-tools-66fe7b88b0892b5a5c7a06d66bec9035dd7782f0.tar.zst dexon-sol-tools-66fe7b88b0892b5a5c7a06d66bec9035dd7782f0.zip | |
Fix overflow issue on calculated fillAmount
| -rw-r--r-- | packages/website/ts/components/fill_order.tsx | 28 |
1 files changed, 13 insertions, 15 deletions
diff --git a/packages/website/ts/components/fill_order.tsx b/packages/website/ts/components/fill_order.tsx index 044424fe0..ac826fdf6 100644 --- a/packages/website/ts/components/fill_order.tsx +++ b/packages/website/ts/components/fill_order.tsx @@ -258,22 +258,20 @@ export class FillOrder extends React.Component<FillOrderProps, FillOrderState> { </div> </div> {!isUserMaker && - <div className="clearfix mx-auto" style={{width: 315, height: 108}}> - <div className="col col-7" style={{maxWidth: 235}}> - <TokenAmountInput - label="Fill amount" - onChange={this.onFillAmountChange.bind(this)} - shouldShowIncompleteErrs={false} - token={fillToken} - tokenState={fillTokenState} - amount={fillAssetToken.amount} - shouldCheckBalance={true} - shouldCheckAllowance={true} - /> - </div> + <div className="clearfix mx-auto relative" style={{width: 235, height: 108}}> + <TokenAmountInput + label="Fill amount" + onChange={this.onFillAmountChange.bind(this)} + shouldShowIncompleteErrs={false} + token={fillToken} + tokenState={fillTokenState} + amount={fillAssetToken.amount} + shouldCheckBalance={true} + shouldCheckAllowance={true} + /> <div - className="col col-5 pl1" - style={{color: colors.grey400, paddingTop: 39}} + className="absolute sm-hide xs-hide" + style={{color: colors.grey400, right: -247, top: 39, width: 242}} > = {accounting.formatNumber(orderReceiveAmount, 6)} {makerToken.symbol} </div> |