Center avatar and display name in UserDetailsDialog
This commit is contained in:
parent
c61249e5e0
commit
bd7f587aa7
|
@ -42,12 +42,12 @@
|
|||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.avatar-upload {
|
||||
.avatar-center {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.avatar-upload-inner {
|
||||
.avatar-center-inner {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
|
|
|
@ -64,8 +64,8 @@ export class EditProfileDialog extends React.Component<Props, State> {
|
|||
|
||||
return (
|
||||
<div className="content">
|
||||
<div className="avatar-upload">
|
||||
<div className="avatar-upload-inner">
|
||||
<div className="avatar-center">
|
||||
<div className="avatar-center-inner">
|
||||
{this.renderAvatar()}
|
||||
<div className="upload-btn-background">
|
||||
<input
|
||||
|
|
|
@ -35,8 +35,12 @@ export class UserDetailsDialog extends React.Component<Props> {
|
|||
|
||||
return (
|
||||
<div className="content">
|
||||
{this.renderAvatar()}
|
||||
<span className="profile-name">{this.props.profileName}</span>
|
||||
<div className="avatar-center">
|
||||
<div className="avatar-center-inner">
|
||||
{this.renderAvatar()}
|
||||
</div>
|
||||
</div>
|
||||
<div className="profile-name">{this.props.profileName}</div>
|
||||
<div className="message">{this.props.pubkey}</div>
|
||||
|
||||
<div className="buttons">
|
||||
|
|
Loading…
Reference in New Issue