mirror of
https://github.com/Kingsrook/qqq-frontend-material-dashboard.git
synced 2025-07-21 14:48:43 +00:00
71 lines
2.0 KiB
TypeScript
71 lines
2.0 KiB
TypeScript
/**
|
|
=========================================================
|
|
* Material Dashboard 2 PRO React TS - v1.0.0
|
|
=========================================================
|
|
|
|
* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts
|
|
* Copyright 2022 Creative Tim (https://www.creative-tim.com)
|
|
|
|
Coded by www.creative-tim.com
|
|
|
|
=========================================================
|
|
|
|
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
|
*/
|
|
|
|
// Material Dashboard 2 PRO React TS Base Styles
|
|
import typography from "qqq/assets/theme/base/typography";
|
|
import borders from "qqq/assets/theme/base/borders";
|
|
import colors from "qqq/assets/theme/base/colors";
|
|
|
|
// Material Dashboard 2 PRO React TS Helper Functions
|
|
import pxToRem from "qqq/assets/theme/functions/pxToRem";
|
|
|
|
const {size, fontWeightRegular} = typography;
|
|
const {borderRadius} = borders;
|
|
const {dark} = colors;
|
|
|
|
// types
|
|
type Types = any;
|
|
|
|
const tab: Types = {
|
|
styleOverrides: {
|
|
root: {
|
|
display: "flex",
|
|
alignItems: "center",
|
|
flexDirection: "row",
|
|
flex: "1 1 auto",
|
|
textAlign: "center",
|
|
maxWidth: "unset !important",
|
|
minWidth: "unset !important",
|
|
minHeight: "unset !important",
|
|
fontSize: size.md,
|
|
fontWeight: fontWeightRegular,
|
|
textTransform: "none",
|
|
lineHeight: "inherit",
|
|
padding: "0.75rem 0.5rem 0.5rem",
|
|
margin: "0 0.5rem",
|
|
borderRadius: 0,
|
|
border: 0,
|
|
color: `${dark.main} !important`,
|
|
opacity: "1 !important",
|
|
|
|
"& .material-icons, .material-icons-round": {
|
|
marginBottom: "0 !important",
|
|
marginRight: pxToRem(6),
|
|
},
|
|
|
|
"& svg": {
|
|
marginBottom: "0 !important",
|
|
marginRight: pxToRem(6),
|
|
},
|
|
},
|
|
|
|
labelIcon: {
|
|
paddingTop: pxToRem(4),
|
|
},
|
|
},
|
|
};
|
|
|
|
export default tab;
|