brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

changed the swipeable drawer to use a different variant when closed so the faded background doesn't linger

Browse source
This commit is contained in:
Carter 2025-04-01 11:42:46 -06:00
parent 4c8664841f
commit 2c4aceb13c
4 changed files with 22 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/app/Header.tsx
View file

@ -129,7 +129,6 @@ export default function Header(props: Props) {
<HeaderButtons hasTeams={hasTeams} team={team} user={user} />
</Box>
</Toolbar>
</AppBar>
<SideNavigator open={navOpen} onOpen={() => {setNavOpen(true)}} onClose={() => {setNavOpen(false)}} />
{isMobile && <BottomNavigator setNavOpen={() => {setNavOpen(true)}} sideIsOpen={navOpen} />}

30
src/app/LoadingScreen.tsx
View file

@ -1,23 +1,23 @@
import { Box, CircularProgress, Typography, useTheme } from "@mui/material";
interface Props {
message?: string;
message?: string;
}
export default function LoadingScreen(props: Props) {
const { message } = props;
const theme = useTheme();
const { message } = props;
const theme = useTheme();
return (
<Box sx={{ width: "100%", height: "100%", justifyContent: "center", alignContent: "center", textAlign: "center" }}>
<CircularProgress
size={150}
style={{ marginBottom: theme.spacing(4) }}
/>
<br/>
<Typography variant="h6">
{message ? message : "Loading..."}
</Typography>
</Box>
);
return (
<Box sx={{ width: "100%", height: "100%", justifyContent: "center", alignContent: "center", textAlign: "center" }}>
<CircularProgress
size={150}
style={{ marginBottom: theme.spacing(4) }}
/>
<br/>
<Typography variant="h6">
{message ? message : "Loading..."}
</Typography>
</Box>
);
}