model-navigator-standalone
Version:
Standalone MDF graph model visualizer
71 lines • 1.93 kB
JavaScript
import React from 'react';
import { ThemeProvider, StyledEngineProvider, createTheme } from '@mui/material/styles';
export default function TabThemeConfig(_ref) {
let {
children
} = _ref;
const theme = {
components: {
MuiTab: {
styleOverrides: {
root: {
borderTopLeftRadius: '5px',
borderTopRightRadius: '5px',
background: 'rgba(229, 227, 227, 0.28)',
// background: '#F3F3F3',
marginRight: '10px',
marginLeft: '10px',
marginTop: '20px',
minWidth: '130px',
paddingLeft: '30px',
paddingRight: '30px',
fontSize: '18px',
borderTop: '0.9px solid #C4C4C4',
borderRight: '0.9px solid #C4C4C4',
borderLeft: '0.9px solid #C4C4C4',
height: '50px',
'@media (min-width: 600px)': {
minWidth: '110px'
},
'&.Mui-selected': {
boxShadow: '-1px -3px 10px 1px rgb(50 50 50 / 25%)',
borderBottom: '10px solid #fff',
background: '#ffffff',
border: '0.75px solid #fffff5',
paddingTop: '10px',
fontWeight: '900'
}
}
},
textColorInherit: {
opacity: '1'
}
},
MuiTabs: {
styleOverrides: {
root: {
borderBottom: '2px solid #fff'
},
fixed: {
paddingLeft: '10px'
}
}
},
Mui: {
styleOverrides: {
root: {
'&.Mui-selected': {
borderBottom: '2px solid'
}
}
}
}
}
};
return /*#__PURE__*/React.createElement(StyledEngineProvider, {
injectFirst: true
}, /*#__PURE__*/React.createElement(ThemeProvider, {
theme: createTheme(theme)
}, children));
}
;