diff --git a/src/Components/FormInput.js b/src/Components/FormInput.js index 935404a88339b520e132c2bfde8803612f7e957b..55c3e503745f0549fc6212590a10229800504565 100644 --- a/src/Components/FormInput.js +++ b/src/Components/FormInput.js @@ -30,13 +30,13 @@ const StyledTextField = styled(TextField)` width : 100% !important; .MuiOutlinedInput-root { - &.Mui-focused.Mui-error fieldset{ + /* &.Mui-focused.Mui-error fieldset{ border-color: ${props => props.contrast === "" ? "red" : "#e75480"}; } &.Mui-error fieldset{ border-color: ${props => props.contrast === "" ? "red" : "#e75480"}; - } + } */ &.Mui-focused fieldset { border-color: ${props => props.contrast === "" ? "#00bcd4" : "yellow"}; @@ -55,12 +55,12 @@ const StyledTextField = styled(TextField)` } label.Mui-focused.Mui-error { - color: ${props => props.contrast === "" ? "red" : "#e75480"}; + color: red; } - label.Mui-error { + /* label.Mui-error { color: ${props => props.contrast === "" ? "red" : "#e75480"}; - } + } */ ` const useStyles = makeStyles(theme => ({ @@ -105,7 +105,8 @@ export default function FormInput(props) { rowsMax={props.rowsMax} InputProps={props.contrast === "" ? { className: classes.lightTextField } : { className: classes.darkTextField }} required={props.required} - helperText={<span style={props.contrast === "" ? { color: "red" } : { color: "#e75480" }}>{props.help}</span>} + // helperText={<span style={props.contrast === "" ? { color: "red" } : { color: "#e75480" }}>{props.help}</span>} + helperText={props.help} style={{ width: "100%" }} mask={props.mask} multiline={props.multi}