@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.
17 lines (16 loc) • 642 B
JavaScript
import { IconButton as MuiIconButton } from '@mui/material';
import { darken, lighten, styled } from '@mui/material/styles';
export const IconButton = styled(MuiIconButton)(({ theme }) => ({
backgroundColor: theme.palette.background.paper,
border: `1px solid`,
borderColor: theme.palette.mode === 'light'
? theme.palette.grey[300]
: theme.palette.grey[800],
zIndex: 1100,
padding: theme.spacing(0.5),
'&:hover': {
backgroundColor: theme.palette.mode === 'light'
? darken(theme.palette.background.paper, 0.02)
: lighten(theme.palette.background.paper, 0.02),
},
}));