Avec Semantic UI React, comment définir la largeur et la hauteur de Image Avatar?

Question

J'utilise: https://react.semantic-ui.com/elements/image#image-example-avatar

 <Image avatar width={32} height={32} src={'/xxx.jpg'} /> 

Le problème est, l'avatar de l'image n'utilise pas les params largeur et la hauteur, et est au lieu d'utiliser le CSS attribué:

.ui.avatar.image, .ui.avatar.image img, .ui.avatar.image svg, .ui.avatar.images .image, .ui.avatar.images img, .ui.avatar.images svg { 
    margin-right: .25em; 
    display: inline-block; 
    width: 2em; 
    height: 2em; 
    border-radius: 500rem; 
} 

Comment puis-je régler la la largeur et la hauteur pour une utilisation sémantique UI Réagir?

Merci

Answer 1

Avatar taille de l'image est liée à la taille de la police efficace. Un moyen rapide de contrôler la taille de police effective est

<Image style={{'font-size':42}} avatar src={'/xxx.jpg'}/>