P8-Panels/app/theme/variants/p8p_grid_variants.js

62 lines
1.6 KiB
JavaScript

/*
Парус 8 - Панели мониторинга
Расширение стилистики Grid
*/
//----------------
//Интерфейс модуля
//----------------
//Кастомные сетки
export const P8P_GRIDS = {
primary: {},
P8PPrimary: {},
P8PSvgContainer: {
width: "100%",
height: "100%"
},
P8PPanelsMenu: {
maxWidth: "1200px",
direction: "row",
justifyContent: "left",
alignItems: "stretch"
},
P8PHeaderFilterContainer: {
height: "100%",
display: "flex",
flexDirection: "row",
alignItems: "center",
position: "relative",
marginTop: "0px",
"& .MuiGrid-item": {
paddingTop: "0 !important"
}
},
P8PHeaderFilterItem: {
minWidth: "125px",
height: "100%",
alignContent: "center"
}
};
//Наименование кастомных сеток
export const P8P_GRID_VARIANT = {
PRIMARY: "P8PPrimary",
SVG_CONTAINER: "P8PSvgContainer",
PANELS_MENU: "P8PPanelsMenu",
HEADER_FILTER_CONTAINER: "P8PHeaderFilterContainer",
HEADER_FILTER_ITEM: "P8PHeaderFilterItem"
};
//Кастомная стилистика компонента
export const P8P_GRID_OVERRIDES = {
styleOverrides: {
root: ({ ownerState }) => {
//Определяем вариант
const variant = ownerState["variant"] || "primary";
//Возвращаем стили варианта
return P8P_GRIDS[variant];
}
}
};