differentiate Snackbar from background
This commit is contained in:
parent
890f880a89
commit
60a8aabe19
@ -19,10 +19,17 @@ import { connect } from 'react-redux';
|
|||||||
import { bindActionCreators } from 'redux';
|
import { bindActionCreators } from 'redux';
|
||||||
|
|
||||||
import { Snackbar as SnackbarMUI } from 'material-ui';
|
import { Snackbar as SnackbarMUI } from 'material-ui';
|
||||||
import { darkBlack } from 'material-ui/styles/colors';
|
import { darkBlack, grey800 } from 'material-ui/styles/colors';
|
||||||
|
|
||||||
import { closeSnackbar } from '../../../redux/providers/snackbarActions';
|
import { closeSnackbar } from '../../../redux/providers/snackbarActions';
|
||||||
|
|
||||||
|
const bodyStyle = {
|
||||||
|
backgroundColor: darkBlack,
|
||||||
|
borderStyle: 'solid',
|
||||||
|
borderColor: grey800,
|
||||||
|
borderWidth: '1px 1px 0 1px'
|
||||||
|
};
|
||||||
|
|
||||||
class Snackbar extends Component {
|
class Snackbar extends Component {
|
||||||
static propTypes = {
|
static propTypes = {
|
||||||
closeSnackbar: PropTypes.func.isRequired,
|
closeSnackbar: PropTypes.func.isRequired,
|
||||||
@ -40,7 +47,7 @@ class Snackbar extends Component {
|
|||||||
open={ open }
|
open={ open }
|
||||||
message={ message }
|
message={ message }
|
||||||
autoHideDuration={ cooldown }
|
autoHideDuration={ cooldown }
|
||||||
bodyStyle={ { backgroundColor: darkBlack } }
|
bodyStyle={ bodyStyle }
|
||||||
onRequestClose={ this.handleClose }
|
onRequestClose={ this.handleClose }
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
|
Loading…
Reference in New Issue
Block a user