CEC-381 Install messages and update styling (#76)

* Styling

* Handle install messages

* Update progress

* Display download and install status
This commit is contained in:
John Wu
2021-08-10 18:11:14 -07:00
committed by GitHub
parent 7cb9d39bbd
commit 2b95bab38b
8 changed files with 477 additions and 403 deletions

View File

@@ -56,16 +56,18 @@ const MainForm = () => {
return (
<div className={classes.paper} style={{ height: 700, width: "100%" }}>
<Grid container className={classes.root} spacing={2}>
<Grid item md={6}>
<Link to="/vehicle-add" className={classes.labelInline}>
<Grid item md={4} style={{ textAlign: "justify" }}>
<Link to="/vehicle-add">
<AddCircleIcon fontSize="large" />
</Link>
<SearchField classes={classes} onSearch={handleSearch} />
<div
className={classes.labelInline}
>{`${selected.length} Selected`}</div>
</Grid>
<Grid item md={6} style={{ textAlign: "right" }}>
<Grid item md={4} style={{ textAlign: "center" }}>
<SearchField classes={classes} onSearch={handleSearch} />
</Grid>
<Grid item md={4} style={{ textAlign: "right" }}>
<SendCommand vins={selected} style={{ display: "flex" }} />
</Grid>
</Grid>