2419
Grupo técnico sobre CSS. ⚠️ ATENÇÃO: - Para evitar advertências não esqueça de ler as regras com o comando /rules. - Para reportar alguma mensagem utilize o comando /report.
Dentro do arquivo SVG tenho três elementos e cada elemento é de uma cor diferente.
Читать полностью…
Estou usando ele diretamente dentro do Header sem referencia-lo dentro de Image
import Image from 'next/image';Читать полностью…
const ThemeAwareSVG = () => {
return (
<div className="[&>svg]:fill-black [&>svg]:dark:fill-white [&>svg]:stroke-black [&>svg]:dark:stroke-white">
<Image
src="/path/to/your-icon.svg"
width={24}
height={24}
alt="Icon"
/>
</div>
)
}
Você escreve a tag <svg> diretamente? Tipo <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"...>?
Em um projeto Next.js com Tailwind CSS v4, como vocês fazem para adicionar um SVG com suporte a tema claro e escuro? O que eu quero é modificar o código do SVG para adicionar suporte a tema claro e escuro.
Читать полностью…
Faz tudo branco e preto e usar a cor só pra umas firulas
Читать полностью…
po, você acredita que nunca usei?
tinha até esquecido que existe
Se eu usar o componente de imagem, acredito que o SVG será tratado como um elemento.
Читать полностью…
Se tá com Next + TW, qual seria o motivo de não usar <Image> nem classes TW?
Читать полностью…
Estou querendo criar as classes de tema claro e escuro dentro do código do arquivo svg.
Читать полностью…
E estou importando e utilizando ele dentro do <Header>
Como estou em projeto em Nextjs o arquivo do SVG está na pasta "data".
Читать полностью…
Pooo, experimenta uma vez usar para esse trampo de sobrescrever tema pronto, depois me conta.
Читать полностью…
Geralmente quem faz o site do cliente é uma empresa terceira/marketing e etc… aí tu trabalha lá dentro com a lógica de negócio (js, Vue, react e etc)
Читать полностью…