diff options
| author | Michael Muré <batolettre@gmail.com> | 2019-08-31 14:21:45 +0200 |
|---|---|---|
| committer | Michael Muré <batolettre@gmail.com> | 2019-08-31 22:07:06 +0200 |
| commit | 87c64cd8fba04f3d88a60ee0df07259523113bf0 (patch) | |
| tree | 07e305fbff810d2a4bdcf79163ae60d166fbcba6 /webui/src/list | |
| parent | 0020e608935882fab0318a0e0946b47f47f14c95 (diff) | |
| download | git-bug-87c64cd8fba04f3d88a60ee0df07259523113bf0.tar.gz | |
webui: upgrade to material-ui 4
Diffstat (limited to 'webui/src/list')
| -rw-r--r-- | webui/src/list/BugRow.js | 8 | ||||
| -rw-r--r-- | webui/src/list/List.js | 2 |
2 files changed, 5 insertions, 5 deletions
diff --git a/webui/src/list/BugRow.js b/webui/src/list/BugRow.js index c5fc7647..4444dbc9 100644 --- a/webui/src/list/BugRow.js +++ b/webui/src/list/BugRow.js @@ -13,13 +13,13 @@ import Author from '../Author'; const Open = ({ className }) => ( <Tooltip title="Open"> - <ErrorOutline nativeColor="#28a745" className={className} /> + <ErrorOutline htmlColor="#28a745" className={className} /> </Tooltip> ); const Closed = ({ className }) => ( <Tooltip title="Closed"> - <ErrorOutline nativeColor="#cb2431" className={className} /> + <ErrorOutline htmlColor="#cb2431" className={className} /> </Tooltip> ); @@ -52,7 +52,7 @@ const useStyles = makeStyles(theme => ({ display: 'inline', }, labels: { - paddingLeft: theme.spacing.unit, + paddingLeft: theme.spacing(1), }, })); @@ -65,7 +65,7 @@ function BugRow({ bug }) { <div className={classes.expand}> <Link to={'bug/' + bug.humanId}> <div className={classes.expand}> - <Typography variant={'title'} className={classes.title}> + <Typography variant={'h6'} className={classes.title}> {bug.title} </Typography> {bug.labels.length > 0 && ( diff --git a/webui/src/list/List.js b/webui/src/list/List.js index 45c2c963..54b2fe97 100644 --- a/webui/src/list/List.js +++ b/webui/src/list/List.js @@ -11,7 +11,7 @@ const useStyles = makeStyles(theme => ({ main: { maxWidth: 600, margin: 'auto', - marginTop: theme.spacing.unit * 4, + marginTop: theme.spacing(4), }, pagination: { ...theme.typography.overline, |