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

Dúvida sobre MenuLink e Hover do CSS

Olá! Estou utilizando as aulas para desenvolvimento de um projeto próprio, e me encontrei com uma dúvida. Gostaria de adicionar um hover ao link das páginas de navegação, mas não estou conseguindo usar uma forma de fazer isso aproveitando o código. Poderiam me ajudar?

Creio que seria aqui, como poderia fazer a adição do hover?

export default function MenuLink({ children, to }) {
    const localizacao = useLocation();
    return (
        <Link className={`
            ${styles.link}
            ${localizacao.pathname === to ? styles.linkDestacado : ""}
        `} to={to}>
            {children}
        </Link>
                    )
}
1 resposta
solução!

Olá Gustavo! Tudo ok contigo?

Pelo que entendi, você quer adicionar um efeito de hover no link de navegação, certo? Para isso, você pode utilizar o CSS. No arquivo CSS do componente MenuLink, você pode adicionar a seguinte regra:

.link:hover {
    color: red; /* ou qualquer outra propriedade que você queira alterar no hover */
}

Era isso, se precisar conte com o fórum!

Abraços e bons estudos!