Adjust on-chat status boxes

This commit is contained in:
Reckless_Satoshi 2022-03-10 14:41:58 -08:00
parent d5747c2325
commit 73a767d68a
No known key found for this signature in database
GPG Key ID: 9C4585B561315571
2 changed files with 6 additions and 6 deletions

View File

@ -83,23 +83,23 @@ export default class Chat extends Component {
<Container component="main" maxWidth="xs">
<Paper elevation={1} style={{ height: 300, maxHeight: 300, overflow: 'auto', backgroundColor: '#F7F7F7' }}>
<Grid container xs={12} spacing={0.5}>
<Grid item xs={0.5}/>
<Grid item xs={5}>
<Grid item xs={0.3}/>
<Grid item xs={5.5}>
<Paper elevation={1} style={this.state.connected ? {backgroundColor: '#e8ffe6'}: {backgroundColor: '#FFF1C5'}}>
<Typography variant='caption' >
You: {this.state.connected ? 'connected': 'disconnected'}
</Typography>
</Paper>
</Grid>
<Grid item xs={1}/>
<Grid item xs={5}>
<Grid item xs={0.4}/>
<Grid item xs={5.5}>
<Paper elevation={1} style={this.state.peer_connected ? {backgroundColor: '#e8ffe6'}: {backgroundColor: '#FFF1C5'}}>
<Typography variant='caption'>
Peer: {this.state.peer_connected ? 'connected': 'disconnected'}
</Typography>
</Paper>
</Grid>
<Grid item xs={0.5}/>
<Grid item xs={0.3}/>
</Grid>
{this.state.messages.map(message => <>
<Card elevation={5} align="left" >

File diff suppressed because one or more lines are too long