@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.
43 lines • 1.43 kB
JavaScript
import { Tab as MuiTab, Tabs as MuiTabs, alpha, styled, tabClasses, tabsClasses, } from '@mui/material';
export const Tabs = styled(MuiTabs)(({ theme }) => ({
flex: 1,
[`.${tabsClasses.indicator}`]: {
top: theme.spacing(0.5),
left: theme.spacing(0.5),
height: `calc(100% - ${theme.spacing(1)})`,
width: `calc(100% - ${theme.spacing(1)})`,
},
[`.${tabsClasses.fixed}`]: {
padding: theme.spacing(0.5),
},
}));
export const CardTabs = styled(Tabs)(({ theme }) => ({
backgroundColor: alpha(theme.palette.common.white, 0.08),
[`.${tabsClasses.indicator}`]: {
backgroundColor: alpha(theme.palette.common.black, 0.56),
...theme.applyStyles('light', {
backgroundColor: theme.palette.background.paper,
}),
},
...theme.applyStyles('light', {
backgroundColor: alpha(theme.palette.common.black, 0.04),
}),
}));
export const Tab = styled(MuiTab)(({ theme }) => ({
zIndex: 1,
flex: 1,
textTransform: 'none',
fontSize: '1rem',
fontWeight: 700,
color: theme.palette.common.white,
[`&.${tabClasses.selected}`]: {
color: theme.palette.common.white,
...theme.applyStyles('light', {
color: theme.palette.common.black,
}),
},
...theme.applyStyles('light', {
color: theme.palette.common.black,
}),
}));
//# sourceMappingURL=Tabs.style.js.map