mirror of
https://github.com/RoboSats/robosats.git
synced 2025-01-07 06:50:09 +00:00
Adjust on-chat status boxes
This commit is contained in:
parent
d5747c2325
commit
73a767d68a
@ -83,23 +83,23 @@ export default class Chat extends Component {
|
|||||||
<Container component="main" maxWidth="xs">
|
<Container component="main" maxWidth="xs">
|
||||||
<Paper elevation={1} style={{ height: 300, maxHeight: 300, overflow: 'auto', backgroundColor: '#F7F7F7' }}>
|
<Paper elevation={1} style={{ height: 300, maxHeight: 300, overflow: 'auto', backgroundColor: '#F7F7F7' }}>
|
||||||
<Grid container xs={12} spacing={0.5}>
|
<Grid container xs={12} spacing={0.5}>
|
||||||
<Grid item xs={0.5}/>
|
<Grid item xs={0.3}/>
|
||||||
<Grid item xs={5}>
|
<Grid item xs={5.5}>
|
||||||
<Paper elevation={1} style={this.state.connected ? {backgroundColor: '#e8ffe6'}: {backgroundColor: '#FFF1C5'}}>
|
<Paper elevation={1} style={this.state.connected ? {backgroundColor: '#e8ffe6'}: {backgroundColor: '#FFF1C5'}}>
|
||||||
<Typography variant='caption' >
|
<Typography variant='caption' >
|
||||||
You: {this.state.connected ? 'connected': 'disconnected'}
|
You: {this.state.connected ? 'connected': 'disconnected'}
|
||||||
</Typography>
|
</Typography>
|
||||||
</Paper>
|
</Paper>
|
||||||
</Grid>
|
</Grid>
|
||||||
<Grid item xs={1}/>
|
<Grid item xs={0.4}/>
|
||||||
<Grid item xs={5}>
|
<Grid item xs={5.5}>
|
||||||
<Paper elevation={1} style={this.state.peer_connected ? {backgroundColor: '#e8ffe6'}: {backgroundColor: '#FFF1C5'}}>
|
<Paper elevation={1} style={this.state.peer_connected ? {backgroundColor: '#e8ffe6'}: {backgroundColor: '#FFF1C5'}}>
|
||||||
<Typography variant='caption'>
|
<Typography variant='caption'>
|
||||||
Peer: {this.state.peer_connected ? 'connected': 'disconnected'}
|
Peer: {this.state.peer_connected ? 'connected': 'disconnected'}
|
||||||
</Typography>
|
</Typography>
|
||||||
</Paper>
|
</Paper>
|
||||||
</Grid>
|
</Grid>
|
||||||
<Grid item xs={0.5}/>
|
<Grid item xs={0.3}/>
|
||||||
</Grid>
|
</Grid>
|
||||||
{this.state.messages.map(message => <>
|
{this.state.messages.map(message => <>
|
||||||
<Card elevation={5} align="left" >
|
<Card elevation={5} align="left" >
|
||||||
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user