Hola estuve haciendo el campo de texto para la busqueda pero tengo un problema con la imagen cuando hago el cambio react toma los cambios pero cuando reinicio la imagen no toma el tamaño correspondiente es raro para mi. Hago el cambio y sale bien:
pero reinicio y me sale así:
+ este es mi código muchisimas gracias.
const Campo = styled.div`
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 10px;
border: 2px #c98cf1 solid;
color: #d9d9d9;
padding: 10px;
width: 40%;
background: transparent;
input {
border: none;
background: transparent;
width: 100%;
font-size: 20px;
}
img {
width: 32px;
}
`;
const CampoTexto = (props) => {
return (
<Campo>
<input type="text" placeholder={props.place} />
<img src="/images/buscar.png" alt="lupa buscar" />
</Campo>
);
};
export default CampoTexto;