forked from CITKParus/P8-Panels
48 lines
1.3 KiB
JavaScript
48 lines
1.3 KiB
JavaScript
/*
|
|
Парус 8 - Панели мониторинга
|
|
Расширение стилистики IconButton
|
|
*/
|
|
|
|
//----------------
|
|
//Интерфейс модуля
|
|
//----------------
|
|
|
|
//Кастомные кнопки-иконки
|
|
export const P8P_ICON_BUTTONS = ({ theme }) => ({
|
|
primary: {},
|
|
P8PAppBarButton: {
|
|
marginRight: "16px"
|
|
},
|
|
P8PHeaderFilterMore: {
|
|
flexShrink: 0,
|
|
width: "40px",
|
|
alignContent: "center",
|
|
color: theme.palette.P8PHeader.link
|
|
},
|
|
P8PDialogClose: {
|
|
color: "#005EA6",
|
|
border: `1px solid #005EA6`,
|
|
padding: "0px",
|
|
borderRadius: "0%"
|
|
}
|
|
});
|
|
|
|
//Наименования кастомных кнопок-иконкок
|
|
export const P8P_ICON_BUTTON_VARIANT = {
|
|
APP_BAR_BUTTON: "P8PAppBarButton",
|
|
HEADER_FILTER_MORE: "P8PHeaderFilterMore",
|
|
DIALOG_CLOSE: "P8PDialogClose"
|
|
};
|
|
|
|
//Кастомная стилистика компонента
|
|
export const P8P_ICON_BUTTON_OVERRIDES = {
|
|
styleOverrides: {
|
|
root: ({ ownerState, theme }) => {
|
|
//Определяем вариант
|
|
const variant = ownerState?.variant || "primary";
|
|
//Возвращаем стили варианта
|
|
return P8P_ICON_BUTTONS({ theme })[variant];
|
|
}
|
|
}
|
|
};
|