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