diff options
| author | fragosti <francesco.agosti93@gmail.com> | 2018-05-18 03:00:00 +0800 |
|---|---|---|
| committer | fragosti <francesco.agosti93@gmail.com> | 2018-05-18 04:04:39 +0800 |
| commit | e9e570db4f158119dc86141201b695f52b3a5ca2 (patch) | |
| tree | def4514311e9a16b5ca96c58beba5028a13b8d2e /packages/website/ts/components/wallet | |
| parent | 5bc83fceaa3c281e45af0f30ace67643554830c8 (diff) | |
| download | dexon-0x-contracts-e9e570db4f158119dc86141201b695f52b3a5ca2.tar.gz dexon-0x-contracts-e9e570db4f158119dc86141201b695f52b3a5ca2.tar.zst dexon-0x-contracts-e9e570db4f158119dc86141201b695f52b3a5ca2.zip | |
Center all the things
Diffstat (limited to 'packages/website/ts/components/wallet')
| -rw-r--r-- | packages/website/ts/components/wallet/wrap_ether_item.tsx | 22 |
1 files changed, 18 insertions, 4 deletions
diff --git a/packages/website/ts/components/wallet/wrap_ether_item.tsx b/packages/website/ts/components/wallet/wrap_ether_item.tsx index 0dff22feb..581d2ba97 100644 --- a/packages/website/ts/components/wallet/wrap_ether_item.tsx +++ b/packages/website/ts/components/wallet/wrap_ether_item.tsx @@ -46,9 +46,19 @@ const styles: Styles = { padding: 4, width: 125, }, - ethAmountInput: { height: 32 }, + amountInput: { height: 34 }, + amountInputLabel: { + paddingTop: 10, + paddingRight: 10, + paddingLeft: 5, + color: colors.grey, + fontSize: 14, + }, + amountInputHint: { + bottom: 18, + }, innerDiv: { paddingLeft: 60, paddingTop: 0, paddingBottom: 10 }, - wrapEtherConfirmationButtonContainer: { width: 128, top: 18 }, + wrapEtherConfirmationButtonContainer: { width: 128, top: 19 }, wrapEtherConfirmationButtonLabel: { fontSize: 12, color: colors.white, @@ -90,7 +100,9 @@ export class WrapEtherItem extends React.Component<WrapEtherItemProps, WrapEther shouldShowIncompleteErrs={false} shouldShowErrs={false} shouldShowUnderline={false} - style={styles.ethAmountInput} + style={styles.amountInput} + labelStyle={styles.amountInputLabel} + inputHintStyle={styles.amountInputHint} onErrorMsgChange={this._onErrorMsgChange.bind(this)} /> ) : ( @@ -108,7 +120,9 @@ export class WrapEtherItem extends React.Component<WrapEtherItemProps, WrapEther hintText="0.00" shouldShowErrs={false} shouldShowUnderline={false} - style={styles.ethAmountInput} + style={styles.amountInput} + labelStyle={styles.amountInputLabel} + inputHintStyle={styles.amountInputHint} onErrorMsgChange={this._onErrorMsgChange.bind(this)} /> )} |