aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src
diff options
context:
space:
mode:
authorfragosti <francesco.agosti93@gmail.com>2018-12-11 09:30:32 +0800
committerfragosti <francesco.agosti93@gmail.com>2018-12-11 09:30:32 +0800
commit6e54514013702fa8ca9a6b69c04f4d2468cd8b66 (patch)
tree732af801df5caddbb92552ca1e2b5f0f56bafbf1 /packages/instant/src
parentd578b4959dc8f0b4a408267075458765c4145831 (diff)
downloaddexon-sol-tools-6e54514013702fa8ca9a6b69c04f4d2468cd8b66.tar
dexon-sol-tools-6e54514013702fa8ca9a6b69c04f4d2468cd8b66.tar.gz
dexon-sol-tools-6e54514013702fa8ca9a6b69c04f4d2468cd8b66.tar.bz2
dexon-sol-tools-6e54514013702fa8ca9a6b69c04f4d2468cd8b66.tar.lz
dexon-sol-tools-6e54514013702fa8ca9a6b69c04f4d2468cd8b66.tar.xz
dexon-sol-tools-6e54514013702fa8ca9a6b69c04f4d2468cd8b66.tar.zst
dexon-sol-tools-6e54514013702fa8ca9a6b69c04f4d2468cd8b66.zip
feat: change input to number input
Diffstat (limited to 'packages/instant/src')
-rw-r--r--packages/instant/src/components/scaling_input.tsx1
-rw-r--r--packages/instant/src/components/ui/input.tsx4
2 files changed, 5 insertions, 0 deletions
diff --git a/packages/instant/src/components/scaling_input.tsx b/packages/instant/src/components/scaling_input.tsx
index 791692257..2c5567dc1 100644
--- a/packages/instant/src/components/scaling_input.tsx
+++ b/packages/instant/src/components/scaling_input.tsx
@@ -135,6 +135,7 @@ export class ScalingInput extends React.Component<ScalingInputProps, ScalingInpu
const phase = ScalingInput.getPhaseFromProps(this.props);
return (
<Input
+ type="number"
ref={this._inputRef as any}
fontColor={fontColor}
onChange={onChange}
diff --git a/packages/instant/src/components/ui/input.tsx b/packages/instant/src/components/ui/input.tsx
index 62c70f9e1..1e476bed3 100644
--- a/packages/instant/src/components/ui/input.tsx
+++ b/packages/instant/src/components/ui/input.tsx
@@ -32,6 +32,10 @@ export const Input =
color: ${props => props.theme[props.fontColor || 'white']} !important;
opacity: 0.5 !important;
}
+ &::-webkit-outer-spin-button, &::-webkit-inner-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+ }
}
`;