tweak avatar display

This commit is contained in:
Spectralitree 2021-02-07 11:01:00 +01:00
parent 0940550b40
commit 8cc454bc12
4 changed files with 17 additions and 9 deletions

View file

@ -93,9 +93,11 @@ export default function ProfilePage(props) {
<BS.Button variant="link" ><b>{member.name}</b> ({member.id})</BS.Button></div>
{ member.avatar_url ? <Popup trigger={<BS.Image src={`${member.avatar_url}`} style={{width: 50, height: 50}} tabIndex="0" className="float-right" roundedCircle />} className="avatar" modal>
{close => (
<div className="text-center w-100 m-0" onClick={() => close()}>
<BS.Image src={`${avatar}`} style={{'maxWidth': '100%', height: 'auto'}} thumbnail />
</div>
<div className="text-center w-100 m-0" onClick={() => close()}>
<div className="m-auto" style={{maxWidth: '640px'}}>
<BS.Image src={`${avatar}`} style={{'maxWidth': '100%', height: 'auto'}} thumbnail />
</div>
</div>
)}
</Popup> :
<BS.Image src={defaultAvatar} style={{width: 50, height: 50}} tabIndex="0" className="float-right" roundedCircle />}