crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Style changes

Browse Source
This commit is contained in:
Brandon Millman
2018-03-29 11:25:50 -07:00
parent 665011174b
commit 03b00ef8da
2 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/website/ts/components/inputs/token_amount_input.tsx
View File

@@ -33,6 +33,9 @@ interface TokenAmountInputState {
isBalanceAndAllowanceLoaded: boolean;
}
const HEIGHT_WITH_LABEL = 84;
const HEIGHT_WITHOUT_LABEL = 62;
export class TokenAmountInput extends React.Component<TokenAmountInputProps, TokenAmountInputState> {
public static defaultProps: Partial<TokenAmountInputProps> = {
shouldShowErrs: true,
@@ -72,7 +75,9 @@ export class TokenAmountInput extends React.Component<TokenAmountInputProps, Tok
? ZeroEx.toUnitAmount(this.props.amount, this.props.token.decimals)
: undefined;
const hasLabel = !_.isUndefined(this.props.label);
const style = !_.isUndefined(this.props.style) ? this.props.style : { height: hasLabel ? 84 : 62 };
const style = !_.isUndefined(this.props.style)
? this.props.style
: { height: hasLabel ? HEIGHT_WITH_LABEL : HEIGHT_WITHOUT_LABEL };
return (
<div className="flex overflow-hidden" style={style}>
<BalanceBoundedInput

7
packages/website/ts/components/wallet/wrap_ether_item.tsx
View File

@@ -78,7 +78,7 @@ export class WrapEtherItem extends React.Component<WrapEtherItemProps, WrapEther
<EthAmountInput
balance={etherBalanceInEth}
amount={this.state.currentInputAmount}
hintText={'0.00'}
hintText="0.00"
onChange={this._onValueChange.bind(this)}
shouldCheckBalance={true}
shouldShowIncompleteErrs={false}
@@ -98,9 +98,8 @@ export class WrapEtherItem extends React.Component<WrapEtherItemProps, WrapEther
shouldCheckAllowance={false}
onChange={this._onValueChange.bind(this)}
amount={this.state.currentInputAmount}
hintText={'0.00'}
onVisitBalancesPageClick={_.noop}
shouldShowErrs={false}
hintText="0.00"
shouldShowErrs={false} // TODO: error handling
shouldShowUnderline={false}
style={styles.ethAmountInput}
/>