@lifi/widget
Version:
LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.
29 lines (26 loc) • 743 B
text/typescript
import {
listItemSecondaryActionClasses,
ListItem as MuiListItem,
ListItemButton as MuiListItemButton,
styled,
} from '@mui/material'
export const ListItemButton = styled(MuiListItemButton)(({ theme }) => ({
borderRadius: theme.vars.shape.borderRadius,
paddingLeft: theme.spacing(1.5),
paddingRight: theme.spacing(1.5),
height: 64,
'&:hover': {
backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04)`,
},
}))
export const ListItem = styled(MuiListItem, {
shouldForwardProp: (prop) => prop !== 'disableRipple',
})(({ theme }) => ({
padding: theme.spacing(0),
[`.${listItemSecondaryActionClasses.root}`]: {
right: theme.spacing(3),
},
'&:hover': {
cursor: 'pointer',
},
}))