LicenseAPI/Dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added a loading page to the App.jsx

Browse Source
This commit is contained in:
Mathias Wagner 2023-07-09 19:31:30 +02:00
parent 85ffbc8da8
commit 98fcda5dcb
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/App.jsx
View File

@ -1,7 +1,15 @@
export default () => { import { LinearProgress, Stack, useTheme} from "@mui/material";
return ( import LightLogo from "@/common/assets/images/logo/light.webp";
<div className="App"> import DarkLogo from "@/common/assets/images/logo/dark.webp";
</div> export default () => {
const theme = useTheme();
const logo = theme.palette.mode === "dark" ? DarkLogo : LightLogo;
return (
<Stack sx={{height: "100vh"}} justifyContent="center" alignItems="center" gap={5}>
<img src={logo} alt="Logo" style={{width: "25rem"}}/>
<LinearProgress variant="indeterminate" sx={{width: "20rem"}}/>
</Stack>
) )
} }