ATÉ 50% OFF
TÁ ACABANDO!
0 dias
0 horas
0 min
0 seg
Solucionado
<div class="form-group">
<label>Foto Perfil </label>
@if (!string.IsNullOrEmpty(fileImage))
{
<img src="@fileImage" class="img-preview" />
}
<InputFile OnChange="UploadFile" accept="image/jpeg"/>
</div>
ao inicializar o projeto, a tag não estiliza, pois não existe esse estilo no css
Olá João! Como vai?
Entendo que você está tentando estilizar a imagem de pré-visualização em seu projeto Blazor, mas não está vendo o efeito desejado porque a classe CSS img-preview ainda não foi definida.
Você pode resolver isso criando uma regra CSS para essa classe. Aqui está um exemplo de como você pode adicionar um estilo simples para a classe img-preview no seu arquivo CSS:
.img-preview {
width: 150px; /* Define a largura da imagem */
height: auto; /* Mantém a proporção da imagem */
border-radius: 8px; /* Adiciona cantos arredondados */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Adiciona uma sombra */
margin-top: 10px; /* Adiciona espaço acima da imagem */
}
Você pode ajustar esses valores conforme necessário para atender às suas necessidades de design. Basta adicionar essa regra ao seu arquivo CSS que está sendo utilizado no projeto, como wwwroot/css/app.css ou outro arquivo CSS que você esteja utilizando.
Após adicionar esse estilo, salve o arquivo e recarregue sua aplicação para ver as mudanças.
Espero ter ajudado e bons estudos!