Style avatar css

This commit is contained in:
Reckless_Satoshi 2022-01-02 14:50:49 -08:00
parent 928d0b4796
commit 225c142cd9
No known key found for this signature in database
GPG Key ID: 9C4585B561315571
2 changed files with 16 additions and 7 deletions

View File

@ -38,7 +38,6 @@ export default class UserGenPage extends Component {
});
}
// Fix next two handler functions so they work sequentially
// at the moment they make the request generate a new user in parallel
// to updating the token in the state. So the it works a bit weird.
@ -74,10 +73,11 @@ export default class UserGenPage extends Component {
/>
</Grid>
<Grid item xs={12} align="center">
<div style={{ width: 200, height: 200 }}>
<Image
imageStyle={{ width: 200, height: 200}}
<div style={{ maxWidth: 200, maxHeight: 200 }}>
<Image className='newAvatar'
disableError='true'
animationDuration='1500'
cover='true'
src={this.state.avatar_url}
/>
</div>

View File

@ -24,3 +24,12 @@ body {
left: 50%;
transform: translate(-50%,-50%);
}
.newAvatar {
background-color:white;
border-radius: 50%;
border: 2px solid #555;
filter: drop-shadow(1px 1px 1px #000000);
height: 200px;
width: 200px;
}