messages flexbox design
This commit is contained in:
parent
6da52f2770
commit
774fe6e262
11
src/App.js
11
src/App.js
@ -458,13 +458,10 @@ class App extends React.Component {
|
|||||||
m.to === this.state.namespace)
|
m.to === this.state.namespace)
|
||||||
)
|
)
|
||||||
.map(m => (
|
.map(m => (
|
||||||
<div
|
<div className="d-flex" key={m.id}>
|
||||||
className="row d-flex justify-content-between"
|
<div className="p-2 text-nowrap">{m.date}</div>
|
||||||
key={m.id}
|
<div className="p-2">{m.nick}</div>
|
||||||
>
|
<div className="p-2 flex-grow-1">{m.text}</div>
|
||||||
<div className="col">{m.date}</div>
|
|
||||||
<div className="col">{m.nick}</div>
|
|
||||||
<div>{m.text}</div>
|
|
||||||
</div>
|
</div>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user