@lifi/widget
Version:
LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.
32 lines (31 loc) • 1.08 kB
JavaScript
import { FormControl as MuiFormControl, InputBase } from '@mui/material';
import { inputBaseClasses } from '@mui/material/InputBase';
import { styled } from '@mui/material/styles';
export const maxInputFontSize = 24;
export const minInputFontSize = 14;
export const FormControl = styled(MuiFormControl)(({ theme }) => ({
padding: theme.spacing(1.5, 2, 1.5, 0),
}));
export const Input = styled(InputBase)(({ theme }) => ({
fontSize: 24,
fontWeight: 700,
boxShadow: 'none',
// padding: theme.spacing(2, 2, 2, 0),
[`.${inputBaseClasses.input}`]: {
height: 32,
padding: theme.spacing(0, 0, 0, 2),
},
'& input[type="number"]::-webkit-outer-spin-button, & input[type="number"]::-webkit-inner-spin-button': {
WebkitAppearance: 'none',
margin: 0,
},
'& input[type="number"]': {
MozAppearance: 'textfield',
},
[`&.${inputBaseClasses.disabled}`]: {
color: 'inherit',
},
[`.${inputBaseClasses.input}.${inputBaseClasses.disabled}`]: {
WebkitTextFillColor: 'unset',
},
}));