@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.
55 lines • 1.77 kB
JavaScript
import { cardHeaderClasses, styled } from '@mui/material';
import { CardHeader } from '../Card/CardHeader.js';
export const SendToWalletCardHeader = styled(CardHeader, {
shouldForwardProp: (prop) => !['selected'].includes(prop),
})(({ theme }) => ({
width: '100%',
[`.${cardHeaderClasses.title}`]: {
color: theme.vars.palette.text.secondary,
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
overflow: 'hidden',
fontWeight: 500,
width: 254,
[theme.breakpoints.down(theme.breakpoints.values.sm)]: {
width: 224,
},
},
[`.${cardHeaderClasses.subheader}`]: {
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
overflow: 'hidden',
width: 254,
[theme.breakpoints.down(theme.breakpoints.values.sm)]: {
width: 224,
},
},
[`.${cardHeaderClasses.action}`]: {
marginRight: 0,
},
[`.${cardHeaderClasses.action} > button`]: {
fontSize: 16,
},
variants: [
{
props: ({ selected }) => selected,
style: {
[`.${cardHeaderClasses.title}`]: {
color: theme.vars.palette.text.primary,
fontWeight: 600,
width: 224,
[theme.breakpoints.down(theme.breakpoints.values.sm)]: {
width: 192,
},
},
[`.${cardHeaderClasses.subheader}`]: {
width: 224,
[theme.breakpoints.down(theme.breakpoints.values.sm)]: {
width: 192,
},
},
},
},
],
}));
//# sourceMappingURL=SendToWallet.style.js.map