Modified dashboard
This commit is contained in:
parent
86999cd646
commit
1d438bc349
@ -1,17 +1,25 @@
|
|||||||
import React, { Component } from 'react';
|
import React, { Component } from 'react';
|
||||||
import { withStyles } from '@material-ui/styles';
|
import { withStyles } from '@material-ui/styles';
|
||||||
import Services from './services/Services';
|
import Services from './services/Services';
|
||||||
|
import { blueGrey } from '@material-ui/core/colors';
|
||||||
|
import { Box, Grid, IconButton, Paper, Typography } from '@material-ui/core';
|
||||||
|
|
||||||
const styles = theme => ({
|
const styles = theme => ({
|
||||||
root: {
|
root: {
|
||||||
flexGrow: 1,
|
flexGrow: 1,
|
||||||
padding: '64px',
|
padding: '64px',
|
||||||
backgroundColor: theme.palette.primary.dark,
|
backgroundColor: theme.palette.primary.dark,
|
||||||
|
},
|
||||||
|
paper: {
|
||||||
|
backgroundColor: blueGrey[50],
|
||||||
|
height: '60px',
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
class Dashboard extends Component {
|
class Dashboard extends Component {
|
||||||
render() {
|
render() {
|
||||||
|
const { classes } = this.props;
|
||||||
|
return (
|
||||||
<Box className={classes.root}>
|
<Box className={classes.root}>
|
||||||
<Grid container spacing={3}>
|
<Grid container spacing={3}>
|
||||||
<Grid item xs={8}>
|
<Grid item xs={8}>
|
||||||
@ -26,6 +34,7 @@ class Dashboard extends Component {
|
|||||||
</Grid>
|
</Grid>
|
||||||
</Grid>
|
</Grid>
|
||||||
</Box>
|
</Box>
|
||||||
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user