Keep avatar as a circle regardless of image aspect ratio

Keep avatar as a circle regardless of image aspect ratio.
Otherwise horizontal or vertical images result in a ellipse as avatar.
This commit is contained in:
mi4aux 2021-04-20 20:59:48 +02:00
parent cf96b88035
commit 38f74fa28d
4 changed files with 9 additions and 1 deletions

View file

@ -50,6 +50,8 @@ const styles = (theme) =>
{
borderRadius : '50%',
height : '2rem',
width : '2rem',
objectFit : 'cover',
alignSelf : 'center'
}
});

View file

@ -25,7 +25,9 @@ const styles = (theme) =>
avatar :
{
borderRadius : '50%',
height : '2rem'
height : '2rem',
width : '2rem',
objectFit : 'cover'
},
text :
{

View file

@ -24,6 +24,8 @@ const styles = (theme) =>
{
borderRadius : '50%',
height : '2rem',
width : '2rem',
objectFit : 'cover',
marginTop : theme.spacing(0.5)
},
peerInfo :

View file

@ -49,6 +49,8 @@ const styles = (theme) =>
{
borderRadius : '50%',
height : '2rem',
width : '2rem',
objectFit : 'cover',
marginTop : theme.spacing(0.5)
},
peerInfo :