@hypernetlabs/web-ui
Version:
Web ui react components for hypernet protocol
163 lines • 3.77 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = exports.theme = void 0;
const core_1 = require("@material-ui/core");
const theme_1 = require("../../theme");
exports.theme = (0, core_1.createTheme)({
palette: {
primary: {
main: "#000000",
light: "#83f4dd",
dark: "#092238",
contrastText: "#fff",
},
},
overrides: {
MuiDrawer: {
paper: {
background: "FFFFFF",
maxWidth: 500,
boxShadow: "0px 1px 3px #00000029",
borderRadius: "6px",
cursor: "auto",
},
},
MuiCheckbox: {
colorSecondary: {
"&$checked": {
color: "#4dc1ab",
},
},
},
MuiTextField: {
root: {
width: "100%",
},
},
},
typography: {
h4: {
fontSize: theme_1.EFontSize.H4,
fontWeight: theme_1.EFontWeight.REGULAR,
color: "#707070",
},
h5: {
fontSize: theme_1.EFontSize.H5,
fontWeight: theme_1.EFontWeight.REGULAR,
color: "#707070",
},
},
});
exports.useStyles = (0, core_1.makeStyles)({
drawerContainer: {
cursor: "pointer",
width: 400,
display: "flex",
flexDirection: "column",
justifyContent: "space-between",
height: "100%",
overflowX: "hidden",
},
header: {
padding: "15px 20px",
borderBottom: "1px solid #E9E9E9",
cursor: "auto",
},
body: {
padding: "4px 24px",
cursor: "auto",
},
footer: {
marginBottom: 30,
marginTop: 40,
width: "100%",
backgroundColor: "#ffffff",
},
headerLabel: {
fontSize: 24,
color: "#707070",
},
headerInfo: {
fontSize: 14,
color: "#9A9A9A",
marginLeft: 10,
},
headerIconWrapper: {
paddingRight: 0,
},
headerIcon: {
fontSize: 24,
color: "#9A9A9A",
cursor: "pointer",
},
filterChipItem: {
margin: exports.theme.spacing(0.5),
border: "1px solid #E9E9E9",
backgroundColor: "#FFFFFF",
},
checkItem: {
marginTop: 16,
opacity: 0.9,
},
checkItemLabel: {
marginLeft: 12,
fontSize: 15,
fontWeight: 300,
},
filterChipItemSelected: {
backgroundColor: "#E9E9E9",
},
widgetLabel: {
color: "#9A9A9A",
fontSize: 14,
marginTop: 35,
marginBottom: 13,
},
missionTypeSelectWidget: {
width: "100%",
},
searchInput: {
width: "100%",
},
submitButton: {
marginRight: 24,
marginLeft: 16,
width: "92%",
},
cancelButton: {
width: "100%",
marginTop: 10,
},
searchContainer: {
borderRadius: 4,
margin: 0,
"& input": {
fontSize: 16,
padding: 12,
opacity: 0.8,
},
"& div": {
height: "100%",
borderRadius: 4,
},
},
inputAdornment: {
margin: "0 !important",
},
searchIcon: {
color: "#747474",
fontSize: 20,
},
resetButton: {
color: "#2196F3",
},
appliedFilterContainer: {
marginTop: exports.theme.spacing(1),
marginBottom: exports.theme.spacing(1),
display: "flex",
flexWrap: "wrap",
listStyle: "none",
padding: exports.theme.spacing(0.5),
},
});
//# sourceMappingURL=SideFilter.style.js.map