diff options
author | Kristóf Marussy <kristof@marussy.com> | 2022-08-21 13:32:32 +0200 |
---|---|---|
committer | Kristóf Marussy <kristof@marussy.com> | 2022-08-21 18:59:23 +0200 |
commit | d1f85fda716aee15121e9064ee99c4390fac41bd (patch) | |
tree | 2a5fe884bb51ad7d2731c834c9c6da5f21d63484 /subprojects/frontend/src/Loading.tsx | |
parent | refactor(frontend): improve code splitting (diff) | |
download | refinery-d1f85fda716aee15121e9064ee99c4390fac41bd.tar.gz refinery-d1f85fda716aee15121e9064ee99c4390fac41bd.tar.zst refinery-d1f85fda716aee15121e9064ee99c4390fac41bd.zip |
refactor(frontend): theme improvements
Diffstat (limited to 'subprojects/frontend/src/Loading.tsx')
-rw-r--r-- | subprojects/frontend/src/Loading.tsx | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/subprojects/frontend/src/Loading.tsx b/subprojects/frontend/src/Loading.tsx index 72020a43..8c293239 100644 --- a/subprojects/frontend/src/Loading.tsx +++ b/subprojects/frontend/src/Loading.tsx | |||
@@ -2,18 +2,19 @@ import CircularProgress from '@mui/material/CircularProgress'; | |||
2 | import { styled } from '@mui/material/styles'; | 2 | import { styled } from '@mui/material/styles'; |
3 | import React from 'react'; | 3 | import React from 'react'; |
4 | 4 | ||
5 | const LoadingRoot = styled('div')({ | 5 | const LoadingRoot = styled('div')(({ theme }) => ({ |
6 | width: '100%', | 6 | width: '100%', |
7 | height: '100%', | 7 | height: '100%', |
8 | display: 'flex', | 8 | display: 'flex', |
9 | alignItems: 'center', | 9 | alignItems: 'center', |
10 | justifyContent: 'center', | 10 | justifyContent: 'center', |
11 | }); | 11 | background: theme.palette.outer.background, |
12 | })); | ||
12 | 13 | ||
13 | export default function Loading() { | 14 | export default function Loading() { |
14 | return ( | 15 | return ( |
15 | <LoadingRoot> | 16 | <LoadingRoot> |
16 | <CircularProgress /> | 17 | <CircularProgress size={60} color="inherit" /> |
17 | </LoadingRoot> | 18 | </LoadingRoot> |
18 | ); | 19 | ); |
19 | } | 20 | } |