Saltar al contenido

¿Cómo cambiar el tamaño del elemento-avatar en iónico?

Por fin después de mucho trabajar ya hallamos el arreglo de esta contrariedad que agunos lectores de nuestro espacio han presentado. Si deseas compartir algo no dejes de dejar tu comentario.

Solución:

El avatar del elemento tiene una propiedad max-width y max-height predeterminada. Puede encontrarlo en el archivo ionic.css. Puede cambiarlo allí o en su CSS simplemente agregue:

.item-avatar       
width:100% !important;  
height : 100% !important;  
max-width: 100px !important;  //any size
max-height: 100px !important; //any size 

Con ionic 3 encontré que las otras respuestas no funcionaban cuando las puse en el archivo SCSS de mi página, esto funcionó para mí y es una modificación leve de la respuesta de Vairav.

ion-avatar img  
width:100% !important;
height : 100% !important;
max-width: 100px !important;  //any size
max-height: 100px !important; //any size

La mejor solución que encontré para iónico 4 :

ion-avatar  
    width: 100px;  
    height: 100px;  

valoraciones y reseñas

Recuerda algo, que tienes la capacidad de reseñar si te fue de ayuda.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *