diff --git a/src/Components/Comment.js b/src/Components/Comment.js index ac49feb7daa09bb6937c4fb433268534acfab59d..ad12516196b48b8e51503738229b1feeddb41b86 100644 --- a/src/Components/Comment.js +++ b/src/Components/Comment.js @@ -106,7 +106,8 @@ export default function Comment (props) { ( <React.Fragment> <div style={{marginTop : "5%", padding : "2px"}}> - <TextField + <StyledTextField + colecao={!props.recurso} id = "input-comentario" label = {"Editar Comentário"} margin = "normal" @@ -184,6 +185,17 @@ export default function Comment (props) { ) } +const StyledTextField = styled(TextField)` + label.Mui-focused { + color : ${props => props.colecao ? "rgb(103,58,183)" : "rgb(255,127,0)"}; + } + + .MuiInput-underline::after { + border-bottom: ${props => props.colecao ? "2px solid rgb(103,58,183)" : "2px solid rgb(255,127,0)"}; + } + +` + const StyledDiv = styled.div` text-align : center; .MuiButton-root {