📱 Fix responsive

This commit is contained in:
LittleSheep 2025-01-02 22:59:12 +08:00
parent 82f4c4e4e2
commit dc16fbfc69

View File

@ -44,7 +44,7 @@ export default function UserProfile({ user, checkIn }: InferGetServerSidePropsTy
</Box> </Box>
<Grid container spacing={2} sx={{ mt: 3 }}> <Grid container spacing={2} sx={{ mt: 3 }}>
<Grid size={{ sm: 12, md: 8 }}> <Grid size={{ xs: 12, sm: 12, md: 8 }}>
<Card> <Card>
<CardContent> <CardContent>
<Typography variant="h6" gutterBottom> <Typography variant="h6" gutterBottom>
@ -94,8 +94,8 @@ export default function UserProfile({ user, checkIn }: InferGetServerSidePropsTy
</Card> </Card>
</Grid> </Grid>
<Grid <Grid
size={{ sm: 12, md: 4 }} size={{ xs: 12, sm: 12, md: 4 }}
order={{ sm: -1, md: 1 }} order={{ xs: -1, sm: -1, md: 1 }}
sx={{ display: 'flex', flexDirection: 'column', gap: 2 }} sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}
> >
<Card> <Card>