22 lines
752 B
TypeScript
22 lines
752 B
TypeScript
|
import Avatar from '@mui/material/Avatar';
|
||
|
|
import Box from '@mui/material/Box';
|
||
|
|
import Grid from '@mui/material/Grid';
|
||
|
|
|
||
|
|
export default function CenteredElementGrid() {
|
||
|
|
return (
|
||
|
|
<Box sx={{ flexGrow: 1 }}>
|
||
|
|
<Grid container spacing={2} minHeight={160}>
|
||
|
|
<Grid display="flex" justifyContent="center" alignItems="center" size="grow">
|
||
|
|
<Avatar src="/static/images/avatar/1.jpg" />
|
||
|
|
</Grid>
|
||
|
|
<Grid display="flex" justifyContent="center" alignItems="center">
|
||
|
|
<Avatar src="/static/images/avatar/2.jpg" />
|
||
|
|
</Grid>
|
||
|
|
<Grid display="flex" justifyContent="center" alignItems="center" size="grow">
|
||
|
|
<Avatar src="/static/images/avatar/3.jpg" />
|
||
|
|
</Grid>
|
||
|
|
</Grid>
|
||
|
|
</Box>
|
||
|
|
);
|
||
|
|
}
|