diff --git a/src/Components/FormInput.js b/src/Components/FormInput.js index feae566cc84594292aa6cbc4ae3c40f991846af7..935404a88339b520e132c2bfde8803612f7e957b 100644 --- a/src/Components/FormInput.js +++ b/src/Components/FormInput.js @@ -30,6 +30,14 @@ const StyledTextField = styled(TextField)` width : 100% !important; .MuiOutlinedInput-root { + &.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"}; } @@ -47,12 +55,11 @@ const StyledTextField = styled(TextField)` } label.Mui-focused.Mui-error { - color : red; + color: ${props => props.contrast === "" ? "red" : "#e75480"}; } - .MuiFormHelperText-root { - text-align : left; - color: ${props => props.contrast === "" ? "#666" : "white"}; + label.Mui-error { + color: ${props => props.contrast === "" ? "red" : "#e75480"}; } ` @@ -98,7 +105,7 @@ export default function FormInput(props) { rowsMax={props.rowsMax} InputProps={props.contrast === "" ? { className: classes.lightTextField } : { className: classes.darkTextField }} required={props.required} - helperText={props.help} + helperText={<span style={props.contrast === "" ? { color: "red" } : { color: "#e75480" }}>{props.help}</span>} style={{ width: "100%" }} mask={props.mask} multiline={props.multi} diff --git a/src/Components/LoginContainerFunction.js b/src/Components/LoginContainerFunction.js index 8769e8093855fe957e3d4594dd9ad76df1838e11..6fc620e923d4d52f59d3113d957158bc172137f0 100644 --- a/src/Components/LoginContainerFunction.js +++ b/src/Components/LoginContainerFunction.js @@ -149,7 +149,7 @@ export default function LoginContainer(props) { handleChange={e => handleChange(e, 'email')} required={true} error={formEmail.key} - help={formEmail.key ? (formEmail.value.length === 0 ? "Faltou preencher seu e-mail." : <span>Insira um endereço de e-mail válido.<br />Por exemplo: seunome@gmail.com, seunome@hotmail.com</span>) : ""} + help={formEmail.key ? (formEmail.value.length === 0 ? "Faltou preencher seu e-mail." : "Insira um endereço de e-mail válido") : ""} /> <br /> <FormInput