OpenSourceArk/Ghost
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Removed temporary inline styles

Browse Source
This commit is contained in:
Simon Backx 2022-07-05 10:40:26 +02:00
parent 710c265601
commit e76a62b34a
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
apps/comments-ui/src/components/Form.js
View File

@ -58,15 +58,15 @@ class Form extends React.Component {
render() {
return (
<form onSubmit={this.submitForm} className="comment-form">
<div style={{display: 'flex', flexDirection: 'row'}}>
<figure style={{position: 'relative', marginRight: '15px'}}>
<div style={{backgroundColor: 'black', width: '60px', height: '60px', borderRadius: '30px', color: 'white', textAlign: 'center', fontSize: '20px', fontWeight: 'bold', lineHeight: '60px'}}>
<div>
<figure>
<div>
{ this.getInitials() }
</div>
{ this.context.member ? <img src={this.context.member.avatar_image} width="60" height="60" style={{position: 'absolute', left: '0', top: '0'}} alt="Avatar"/> : '' }
{ this.context.member ? <img src={this.context.member.avatar_image} width="60" height="60" alt="Avatar"/> : '' }
</figure>
<div>
<div style={{fontWeight: 'bold'}}>
<div>
{this.context.member ? this.context.member.name : ''}
</div>
<span>