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