coject
Version:
React Library
81 lines • 2.7 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const mui_1 = require("tss-react/mui");
const useStyles = (0, mui_1.makeStyles)()((theme) => {
return {
root: {
width: "100%",
height: "50px",
display: "flex",
flex: "1 0 50px",
padding: "0 22px",
alignItems: "center",
justifyContent: "space-between",
backgroundColor: theme.palette.grey[300],
color: theme.palette.secondary.contrastText,
boxShadow: "0px 10px 30px 0px rgba(82, 63, 105, 0.05);",
[theme.breakpoints.down('md')]: {
gap: "8px",
justifyContent: "center",
flexDirection: "column-reverse"
}
},
copyRight: {
display: "flex",
alignItems: "center",
"& p": {
margin: 0,
fontSize: "13px",
lineHeight: "13px",
color: theme.palette.grey[600]
},
"& a, & button": {
margin: 0,
padding: "0 3px",
fontSize: "13px",
lineHeight: "13px",
fontWeight: "bolder",
textDecoration: "none",
textTransform: "capitalize",
transition: "color .2s ease",
color: theme.palette.grey[600],
"&:hover": {
color: theme.palette.primary.main + "!important"
}
}
},
menuList: {
gap: 16,
display: "flex",
alignItems: "center",
padding: "0 !important",
"& li": {
padding: 0,
"& a, & button": {
gap: 3,
padding: 0,
minWidth: "auto",
fontSize: "13px",
lineHeight: "13px",
whiteSpace: "nowrap",
transition: "color .2s ease",
color: theme.palette.grey[600],
backgroundColor: "transparent !important",
"& svg": {
width: "22px",
height: "22px"
},
"& img": {
width: "22px",
objectFit: "cover"
}
},
"&:hover a, &:hover button": {
color: theme.palette.primary.main + "!important"
}
}
}
};
});
exports.default = useStyles;
//# sourceMappingURL=theme.js.map