Mudança para resolver a seguinte issue.
A cor da sombra do header se adapta a paleta de cores da capa de cada curso quando em hover.
Mudanças Realizadas
Foi criada uma store para o gerenciamento das cores, pois, ela depende e atua em diferentes componentes e contextos.
Foi utilizada a biblioteca Colorthief para a captura dessas cores e com isso é possível a utilização da paleta de cores da imagem que queremos.
Foi criado um arquivo para tipagem do Colorthief, ja que na própria biblioteca não o encontramos.
Importante!
Como tive algumas dificuldades em manusear o efeito utilizando as classes do tailwind, optei por utilizar os estilos com o bind de estilos direto nos componentes. Caso haja algum método para utilizar os recursos com o tailwind, ficarei feliz em alterar as funções e itens.
Resumo
Mudança para resolver a seguinte issue. A cor da sombra do header se adapta a paleta de cores da capa de cada curso quando em hover.
Mudanças Realizadas
Foi criada uma store para o gerenciamento das cores, pois, ela depende e atua em diferentes componentes e contextos. Foi utilizada a biblioteca Colorthief para a captura dessas cores e com isso é possível a utilização da paleta de cores da imagem que queremos. Foi criado um arquivo para tipagem do Colorthief, ja que na própria biblioteca não o encontramos.
Importante! Como tive algumas dificuldades em manusear o efeito utilizando as classes do
tailwind, optei por utilizar os estilos com obindde estilos direto nos componentes. Caso haja algum método para utilizar os recursos com o tailwind, ficarei feliz em alterar as funções e itens.Tipo de Mudança
Capturas de tela