aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website
diff options
context:
space:
mode:
authorFabio Berger <me@fabioberger.com>2017-12-19 19:38:41 +0800
committerFabio Berger <me@fabioberger.com>2017-12-19 19:38:41 +0800
commit66fe7b88b0892b5a5c7a06d66bec9035dd7782f0 (patch)
tree40b5a40fb89c843127432f4f190c97ac76c9f9dc /packages/website
parent16179d2f8ec508388de8f057c9a79ff684c63fb0 (diff)
downloaddexon-sol-tools-66fe7b88b0892b5a5c7a06d66bec9035dd7782f0.tar.gz
dexon-sol-tools-66fe7b88b0892b5a5c7a06d66bec9035dd7782f0.tar.zst
dexon-sol-tools-66fe7b88b0892b5a5c7a06d66bec9035dd7782f0.zip
Fix overflow issue on calculated fillAmount
Diffstat (limited to 'packages/website')
-rw-r--r--packages/website/ts/components/fill_order.tsx28
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>