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

teams list now uses responsive container

Browse source
This commit is contained in:
Carter 2024-11-26 15:28:49 -06:00
parent 7ee06c4e19
commit c94b8093ff
5 changed files with 147 additions and 261 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/pages/Teams.tsx
View file

@ -1,15 +1,10 @@
import { Box } from "@mui/material";
import { useMobile } from "hooks";
import PageContainer from "pages/PageContainer";
import TeamList from "teams/TeamList";
export default function Teams() {
const isMobile = useMobile();
return (
<PageContainer>
<Box paddingY={isMobile ? 1 : 1.5} paddingX={isMobile ? 1 : 2}>
<TeamList />
</Box>
<TeamList />
</PageContainer>
);
}

6
src/pages/Users.tsx
View file

@ -239,7 +239,7 @@ export default function Users() {
</Avatar>
);
return (
<ListItem style={{ padding: 0 }}>
<ListItem sx={{ padding: 0 }}>
<ListItemAvatar>{avatar}</ListItemAvatar>
<ListItemText primary={user.name()} secondary={user.settings.email} />
</ListItem>
@ -252,7 +252,7 @@ export default function Users() {
render: user => {
const actions = user.settings.actions;
return (
<Grid2 container spacing={1} className={classes.chipContainer}>
<Grid2 container spacing={1} className={classes.chipContainer} padding={1}>
{actions.slice(0, 2).map(action => flagChip(action))}
{actions.length > 3 && flagChip("+" + (actions.length - 3) + " more")}
</Grid2>
@ -265,7 +265,7 @@ export default function Users() {
render: user => {
const features = user.settings.features;
return (
<Grid2 container spacing={1} className={classes.chipContainer}>
<Grid2 container spacing={1} className={classes.chipContainer} padding={1}>
{features.slice(0, 2).map(feature => flagChip(feature))}
{features.length > 3 && flagChip("+" + (features.length - 3) + " more")}
</Grid2>