c4patino/qoverflow
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixed height restrictions

Browse source
This commit is contained in:
Ceferino Patino 2022-08-02 14:15:22 -05:00
commit 3ad54caf8d
2 changed files with 5 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

7
client/src/containers/Dashboard.jsx
View file

@ -63,17 +63,18 @@ export default function Dashboard() {
sx={{
margin: { xs: '0.3vh', sm: '1vh', md: '1vh' },
padding: { xs: '1vh', sm: '3vh', md: '5vh' },
height: '100%',
}}
>
<Grid
container
spacing={2}
sx={{
display: { xs: 'flex', md: 'block' },
display: { xs: 'flex', sm: 'block', md: 'block' },
justifyContent: 'center',
}}
>
<Grid item md={2}>
<Grid item sm={4} md={2}>
{email && (
<Gravatar
email={email}
@ -82,7 +83,7 @@ export default function Dashboard() {
/>
)}
</Grid>
<Grid item md={10}>
<Grid item sm={8} md={10}>
<Typography>Username: {username}</Typography>
<Typography>Email: {email}</Typography>
<Typography>Level: {level}</Typography>

2
client/src/containers/Layout.jsx
View file

@ -28,7 +28,7 @@ export default function Layout() {
</Helmet>
<main>
<Navbar />
<Box sx={{ height: '92vh' }}>
<Box sx={{ height: { xs: '', sm: '92vh', md: '92vh' } }}>
<Outlet />
</Box>
</main>