leomurca/if-salas-web
leomurca/if-salas-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix issue with screen heights too small

Browse source
This commit is contained in:
Leonardo Murça 2022-09-15 19:03:40 -03:00
parent a51ee45af3
commit e65c7233f3
3 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/app/AuthenticatedApp.js
View file

@ -65,7 +65,7 @@ function AuthenticatedApp() {
} }
const container = { const container = {
height: '100vh', height: 'auto',
margin: 0, margin: 0,
padding: 0, padding: 0,
display: 'flex', display: 'flex',

14
src/screens/Profile/View.js
View file

@ -29,27 +29,25 @@ function View({ data, onChangeInput }) {
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
width: '100%', width: '100%',
// TODO: Check issue with screen heights too small
height: '400px', height: '400px',
padding: '30px',
}} }}
> >
<Avatar <Avatar
alt={fullName} alt={fullName}
src={data.avatar} src={data.avatar}
sx={{ width: 250, height: 250 }} sx={{ width: 200, height: 200 }}
/> />
<Stack sx={{ marginLeft: '30px' }}> <Stack sx={{ marginLeft: '30px' }}>
<Typography sx={{ fontWeight: 'bold' }} variant="h3"> <Typography sx={{ fontWeight: 'bold' }} variant="h4">
{fullName} {fullName}
</Typography> </Typography>
<Typography sx={{ fontSize: '20px' }} variant="body1"> <Typography sx={{ fontSize: '15px' }} variant="body1">
Estudante de {COURSES.filter(c => c.value === data.course)[0].name} Estudante de {COURSES.filter(c => c.value === data.course)[0].name}
</Typography> </Typography>
<Typography sx={{ fontSize: '20px' }} variant="body1"> <Typography sx={{ fontSize: '15px' }} variant="body1">
Turma de {data.year} Turma de {data.year}
</Typography> </Typography>
<Typography sx={{ fontSize: '20px' }} variant="body1"> <Typography sx={{ fontSize: '15px' }} variant="body1">
<strong>RA: </strong> {data.ra} <strong>RA: </strong> {data.ra}
</Typography> </Typography>
</Stack> </Stack>
@ -170,7 +168,7 @@ function View({ data, onChangeInput }) {
variant="standard" variant="standard"
type="text" type="text"
value={data.ra} value={data.ra}
placeholder="00#####" placeholder="#######"
disabled disabled
sx={{ width: '45%', cursor: 'no-drop' }} sx={{ width: '45%', cursor: 'no-drop' }}
InputProps={{ InputProps={{

2
src/screens/Profile/index.js
View file

@ -1,8 +1,10 @@
import { useState } from 'react'; import { useState } from 'react';
import { useUser } from '../../context/user'; import { useUser } from '../../context/user';
import { useDocumentTitle } from '../../hooks/useDocumentTitle';
import View from './View'; import View from './View';
function Profile() { function Profile() {
useDocumentTitle('Meu perfil');
const { state } = useUser(); const { state } = useUser();
const [data, setData] = useState(state && state.user); const [data, setData] = useState(state && state.user);