some cleanup

This commit is contained in:
overflowerror 2021-08-15 18:33:43 +02:00
parent da771f6b9f
commit 9fd80d4575
3 changed files with 13 additions and 8 deletions

View file

@ -1,3 +1,7 @@
body {
background-color: lightgrey;
}
#root {
padding: 20px;
}

View file

@ -44,8 +44,9 @@ const Dashboard: FunctionComponent<DashboardProps> = () => {
})
}, [])
return <div style={{
marginTop: "40px"
return <Grid container style={{
marginTop: "40px",
boxSizing: "border-box",
}}>
{ loading &&
<CircularProgress />
@ -57,11 +58,11 @@ const Dashboard: FunctionComponent<DashboardProps> = () => {
No accounts yet.
</Typography>
}
<Grid container xs={12} spacing={4}>
<Grid item container spacing={4}>
{
accounts.map((account) => {
return <>
<Grid item xs={4}>
return (
<Grid item xs={4} key={account.id}>
<Card>
<CardHeader
avatar={
@ -76,13 +77,13 @@ const Dashboard: FunctionComponent<DashboardProps> = () => {
/>
</Card>
</Grid>
</>
)
})
}
</Grid>
<MessageBox {...message} />
</div>
</Grid>
}
export default Dashboard

View file

@ -37,7 +37,7 @@ const Login = () => {
}
return (
<Grid container xs={12} justifyContent="center">
<Grid container justifyContent="center">
<Grid item container xs={4} spacing={2}>
<Formik<LoginFormProps>
initialValues={{