tbfajri/aso
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

LMSN-191

Browse Source 
Update
This commit is contained in:
ivan-sim
2023-10-09 09:59:46 +07:00
parent 1527d64033
commit dcc25a02ce
1 changed files with 29 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
frontend/client-portal/src/sections/alarm-center/user-profile/CardPersonalInformation.tsx
View File

@@ -132,43 +132,35 @@ export default function CardPersonalInformation({ data }) {
</Button>*/} </Button>*/}
</Stack> </Stack>
{/* Stack 2 */} {/* Stack 2 */}
<Stack direction="row" spacing={2} paddingX={2}> <Stack maxHeight="584px" paddingX={2} sx={{ overflowY: 'auto' }}>
<div style={{ position: 'relative', flex: 'none', height: 'fit-content' }}> {/* Stack 2.1 */}
<img <Stack marginTop={2} spacing={1}>
width={52} {/*<Typography variant="subtitle2">Informasi Dasar</Typography>*/}
height={52} <Stack direction="row" spacing={2} sx={{ flex: '100%' }}>
src="/images/user-profile.png" <Stack direction="row" spacing={2} sx={{ width: '40%' }}>
alt="user-profile" <Stack sx={{width: '10%'}}>
style={{ borderRadius: '50%' }} <img
/> width={52}
<IconButton height={52}
color="primary" src="/images/user-profile.png"
sx={{ alt="user-profile"
position: 'absolute', style={{ borderRadius: '50%' }}
bottom: 0, />
right: 0, </Stack>
width: '20px', <Stack sx={{width: '30%'}}>
height: '20px', <Typography variant="caption">Full Name</Typography>
padding: '4px', <Typography variant="body2"> {data?.name} </Typography>
backgroundColor: 'rgba(255,255,255,0.9)', </Stack>
}} </Stack>
> <Stack sx={{ width: '30%' }}>
<Iconify icon="material-symbols:photo-camera" /> <Typography variant="caption">Weight</Typography>
</IconButton> <Typography variant="body2">{data?.last_weight_kg} kg</Typography>
</div> </Stack>
<Stack direction="row" paddingY={1} spacing={2} sx={{ flex: '100%' }}> <Stack sx={{ width: '30%' }}>
<Stack sx={{ width: '36%' }}> <Typography variant="caption">Height</Typography>
<Typography variant="caption">Full Name</Typography> <Typography variant="body2">{data?.last_height_cm} cm</Typography>
<Typography variant="body2"> {data?.name} </Typography> </Stack>
</Stack> </Stack>
<Stack sx={{ width: '31%' }}>
<Typography variant="caption">Weight</Typography>
<Typography variant="body2">{data?.last_weight_kg} kg</Typography>
</Stack>
<Stack sx={{ width: '30%' }}>
<Typography variant="caption">Height</Typography>
<Typography variant="body2">{data?.last_height_cm} cm</Typography>
</Stack>
</Stack> </Stack>
</Stack> </Stack>
{/* Stack 3 */} {/* Stack 3 */}