make account card clickable for easier collapse action
This commit is contained in:
@@ -125,7 +125,12 @@ export const AccountCard = ({ characters, isCollapsed: propIsCollapsed }: { char
|
|||||||
display: 'flex',
|
display: 'flex',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
justifyContent: 'space-between',
|
justifyContent: 'space-between',
|
||||||
|
cursor: 'pointer',
|
||||||
|
'&:hover': {
|
||||||
|
backgroundColor: theme.palette.action.hover,
|
||||||
|
},
|
||||||
}}
|
}}
|
||||||
|
onClick={() => setLocalIsCollapsed(!localIsCollapsed)}
|
||||||
>
|
>
|
||||||
<Box>
|
<Box>
|
||||||
<Typography
|
<Typography
|
||||||
@@ -198,7 +203,6 @@ export const AccountCard = ({ characters, isCollapsed: propIsCollapsed }: { char
|
|||||||
</Box>
|
</Box>
|
||||||
<IconButton
|
<IconButton
|
||||||
size="small"
|
size="small"
|
||||||
onClick={() => setLocalIsCollapsed(!localIsCollapsed)}
|
|
||||||
sx={{
|
sx={{
|
||||||
transform: localIsCollapsed ? 'rotate(-90deg)' : 'rotate(0deg)',
|
transform: localIsCollapsed ? 'rotate(-90deg)' : 'rotate(0deg)',
|
||||||
transition: 'transform 0.2s ease-in-out'
|
transition: 'transform 0.2s ease-in-out'
|
||||||
|
Reference in New Issue
Block a user