Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Bug] Meu componente de input, para a pesquisa não esta ficando como o esperado.

Meu projeto esta no seguinte repositório: https://github.com/caiofmbarbosa/alurabooks-react

O meu botão de pesquisa esta igual ao do vídeo, com a mesma estilização, a única coisa de difrente que eu coloquei foi o pseudoelemento focus.

O padding do input faz com que o placeholder e a escrita fiquem fora do meu input, não sei como resolver!

1 resposta
solução!

Ja resolvi. O problema estava ligado a width do input, ela era muito pequena para caber o placeholder.

O padding piorou o sistema, por ser muito grande ele empurrava a caixa de texto para dentro do input, tornando ela muito pequena ao ponto de não enxergarmos.