rubah tampilan menu profile
This commit is contained in:
@@ -226,7 +226,9 @@ export default function List() {
|
|||||||
</Card>
|
</Card>
|
||||||
</Box>
|
</Box>
|
||||||
<Stack spacing={3}>
|
<Stack spacing={3}>
|
||||||
<Card sx={{ p: 3 }}>
|
<Grid container spacing={3}>
|
||||||
|
<Grid item xs={12} md={6}>
|
||||||
|
<Box sx={{ p: 3 }}>
|
||||||
<Grid sx={{ mt: 5, ml: 5, mb: 2 }}>
|
<Grid sx={{ mt: 5, ml: 5, mb: 2 }}>
|
||||||
<Box
|
<Box
|
||||||
sx={{
|
sx={{
|
||||||
@@ -244,7 +246,8 @@ export default function List() {
|
|||||||
</Box>
|
</Box>
|
||||||
</Grid>
|
</Grid>
|
||||||
<Box sx={{ p: 5 }}>
|
<Box sx={{ p: 5 }}>
|
||||||
<Grid>
|
<Grid container spacing={3}>
|
||||||
|
<Grid item xs={12} md={6}>
|
||||||
<Grid item xs={12} md={12}>
|
<Grid item xs={12} md={12}>
|
||||||
<LabelStyle>
|
<LabelStyle>
|
||||||
<PersonIcon /> ID
|
<PersonIcon /> ID
|
||||||
@@ -257,6 +260,8 @@ export default function List() {
|
|||||||
</LabelStyle>
|
</LabelStyle>
|
||||||
<Title>Perdi</Title>
|
<Title>Perdi</Title>
|
||||||
</Grid>
|
</Grid>
|
||||||
|
</Grid>
|
||||||
|
<Grid item xs={12} md={6}>
|
||||||
<Grid item xs={12} md={12}>
|
<Grid item xs={12} md={12}>
|
||||||
<LabelStyle>
|
<LabelStyle>
|
||||||
<CallIcon /> Telepon
|
<CallIcon /> Telepon
|
||||||
@@ -270,10 +275,12 @@ export default function List() {
|
|||||||
<Title>{user?.email ? user?.email : '-'}</Title>
|
<Title>{user?.email ? user?.email : '-'}</Title>
|
||||||
</Grid>
|
</Grid>
|
||||||
</Grid>
|
</Grid>
|
||||||
|
</Grid>
|
||||||
</Box>
|
</Box>
|
||||||
</Card>
|
</Box>
|
||||||
|
</Grid>
|
||||||
<Card sx={{ p: 3 }}>
|
<Grid item xs={12} md={6}>
|
||||||
|
<Box sx={{ p: 3 }}>
|
||||||
<Grid sx={{ mt: 5, ml: 5, mb: 2 }}>
|
<Grid sx={{ mt: 5, ml: 5, mb: 2 }}>
|
||||||
<Box
|
<Box
|
||||||
sx={{
|
sx={{
|
||||||
@@ -307,12 +314,14 @@ export default function List() {
|
|||||||
</div>
|
</div>
|
||||||
</Grid>
|
</Grid>
|
||||||
</Box>
|
</Box>
|
||||||
</Card>
|
</Box>
|
||||||
<div style={{ display: 'flex', justifyContent: 'Center', color: '#CB3A31' }}>
|
<Box sx={{ p: 3 }} style={{ display: 'flex', justifyContent: 'center' }}>
|
||||||
<MenuItem sx={{ m: 5 }} onClick={handleLogout}>
|
<Button onClick={handleLogout} variant="outlined" color="error">
|
||||||
<LogoutTwoToneIcon /> Logout
|
<LogoutTwoToneIcon /> Logout
|
||||||
</MenuItem>
|
</Button>
|
||||||
</div>
|
</Box>
|
||||||
|
</Grid>
|
||||||
|
</Grid>
|
||||||
{/* </Box>
|
{/* </Box>
|
||||||
</React.Fragment> */}
|
</React.Fragment> */}
|
||||||
</Stack>
|
</Stack>
|
||||||
|
|||||||
Reference in New Issue
Block a user