Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

[Bug] Imagem com fundo branco após codigo

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

3 respostas

Bom dia, Matheus! Tudo certo?

Poderia compartilhar comigo todo o seu projeto para que eu possa analisar e testar o seu código, para assim, identificar o que está causando esse erro. Recomendo que faça isso usando o GitHub para compartilhar o projeto.

Fico no aguardo!

https://github.com/MateusY8/alura_space

Pode verificar onde eu errei na parte de cadastro, não estou conseguindo arrumar. Também gostaria de dicas para redimensionar as imagens utilizando Django.

solução!

Boa tarde, Mateus!

Peço perdão pela demora em retornar.

Primeiramente o problema do fundo branco é porque, de alguma forma, o background que era para levar a mesma cor do background estava sem cor alguma, então é necessário acessar a pasta static dentro da pasta setup e adicionar o atributo de background com a coloração de linear gradiente background: linear-gradient(#041833,#04244F,#154580); é para a classe de estilo ficar assim:

.card {
    border-radius: 10px;
    box-shadow: 0px 10px 10px #00000050;
    color: #FFFFFF;
    background: linear-gradient(#041833,#04244F,#154580);
    margin-bottom: 1.5rem;
    position: relative;
    width: 450px;
}

Além disso, notei que a tag do card está ficando quebrada quando a palavra é muito grande, então diminua o tamanho da fonte para 1rem, novamente, segue o exemplo abaixo:

.card__tag {
    background-color: #D9D9D940;
    border-radius: 8px;
    border: 2px solid transparent;
    font-size: 1rem;
    left: 310px;
    margin-right: 1.5rem;
    padding: .5rem .5rem;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 100px;
}

Por fim, dentro do seu arquivo _pesquisa.html acessado no caminho templates/partials/_pesquisa.html. A imagem utilizado no link para criar uma nova imagem está com algum problema, então você deve utiliza a outra versão dessa imagem que é a new.png. Segue como deve ficar a tag (se atente no atributo src, pois o fim do link foi mudado):

<a href="{% url 'nova_imagem' %}"><img src="{% static '/assets/ícones/1x/new.png' %}" width="32" height="32" >Nova Imagem</a>

Espero ter ajudado e fico a disposição!