@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.
27 lines (26 loc) • 992 B
JavaScript
import { AvatarGroup, Box } from '@mui/material';
import { avatarClasses } from '@mui/material/Avatar';
import { badgeClasses } from '@mui/material/Badge';
import { styled } from '@mui/material/styles';
export const TokenAvatarGroup = styled(AvatarGroup)(({ theme }) => ({
[`& .${badgeClasses.badge}:last-child .${avatarClasses.root}`]: {
marginLeft: theme.spacing(-1),
boxSizing: 'border-box',
},
[`& .${badgeClasses.root}:last-child`]: {
marginLeft: theme.spacing(1),
},
}));
export const AvatarDefault = styled(Box)(({ theme }) => ({
background: theme.palette.mode === 'light'
? theme.palette.grey[300]
: theme.palette.grey[800],
borderRadius: '50%',
}));
export const AvatarDefaultBadge = styled(Box)(({ theme }) => ({
background: theme.palette.mode === 'light'
? theme.palette.grey[300]
: theme.palette.grey[800],
border: `2px solid ${theme.palette.background.paper}`,
borderRadius: '50%',
}));