@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.
35 lines (34 loc) • 1.3 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.Input = exports.FormControl = exports.minInputFontSize = exports.maxInputFontSize = void 0;
const material_1 = require("@mui/material");
const InputBase_1 = require("@mui/material/InputBase");
const styles_1 = require("@mui/material/styles");
exports.maxInputFontSize = 24;
exports.minInputFontSize = 14;
exports.FormControl = (0, styles_1.styled)(material_1.FormControl)(({ theme }) => ({
padding: theme.spacing(1.5, 2, 1.5, 0),
}));
exports.Input = (0, styles_1.styled)(material_1.InputBase)(({ theme }) => ({
fontSize: 24,
fontWeight: 700,
boxShadow: 'none',
// padding: theme.spacing(2, 2, 2, 0),
[`.${InputBase_1.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',
},
[`&.${InputBase_1.inputBaseClasses.disabled}`]: {
color: 'inherit',
},
[`.${InputBase_1.inputBaseClasses.input}.${InputBase_1.inputBaseClasses.disabled}`]: {
WebkitTextFillColor: 'unset',
},
}));