mirror of
https://github.com/edumeet/edumeet.git
synced 2026-07-25 11:54:14 +00:00
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:
parent
cf96b88035
commit
38f74fa28d
4 changed files with 9 additions and 1 deletions
|
|
@ -50,6 +50,8 @@ const styles = (theme) =>
|
|||
{
|
||||
borderRadius : '50%',
|
||||
height : '2rem',
|
||||
width : '2rem',
|
||||
objectFit : 'cover',
|
||||
alignSelf : 'center'
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -25,7 +25,9 @@ const styles = (theme) =>
|
|||
avatar :
|
||||
{
|
||||
borderRadius : '50%',
|
||||
height : '2rem'
|
||||
height : '2rem',
|
||||
width : '2rem',
|
||||
objectFit : 'cover'
|
||||
},
|
||||
text :
|
||||
{
|
||||
|
|
|
|||
|
|
@ -24,6 +24,8 @@ const styles = (theme) =>
|
|||
{
|
||||
borderRadius : '50%',
|
||||
height : '2rem',
|
||||
width : '2rem',
|
||||
objectFit : 'cover',
|
||||
marginTop : theme.spacing(0.5)
|
||||
},
|
||||
peerInfo :
|
||||
|
|
|
|||
|
|
@ -49,6 +49,8 @@ const styles = (theme) =>
|
|||
{
|
||||
borderRadius : '50%',
|
||||
height : '2rem',
|
||||
width : '2rem',
|
||||
objectFit : 'cover',
|
||||
marginTop : theme.spacing(0.5)
|
||||
},
|
||||
peerInfo :
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue