messages flexbox design

This commit is contained in:
data 2019-07-27 19:52:55 +01:00
parent 6da52f2770
commit 774fe6e262

View File

@ -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>