59 lines
1.4 KiB
JavaScript
59 lines
1.4 KiB
JavaScript
/*
|
|
Парус 8 - Панели мониторинга
|
|
Вспомогательные стили - общие
|
|
*/
|
|
|
|
//---------------------
|
|
//Подключение библиотек
|
|
//---------------------
|
|
|
|
import { APP_STYLES } from "../../../app.styles"; //Типовые стили
|
|
|
|
//----------------
|
|
//Интерфейс модуля
|
|
//----------------
|
|
|
|
//Ширина компонента
|
|
export const P8P_COMPONENT_WIDTH = ({ width, minWidth, maxWidth }) => ({
|
|
...(width ? { width } : {}),
|
|
...(minWidth ? { minWidth } : {}),
|
|
...(maxWidth ? { maxWidth } : {})
|
|
});
|
|
|
|
//Высота компонента
|
|
export const P8P_COMPONENT_HEIGHT = ({ height, minHeight, maxHeight }) => ({
|
|
...(height ? { height } : {}),
|
|
...(minHeight ? { minHeight } : {}),
|
|
...(maxHeight ? { maxHeight } : {})
|
|
});
|
|
|
|
//Отображаемый скролл
|
|
export const P8P_SCROLL_AUTO = {
|
|
overflow: "auto",
|
|
...APP_STYLES.SCROLL
|
|
};
|
|
|
|
//Отсутствие отступов
|
|
export const P8P_COMPONENT_ZERO_PADDING = {
|
|
padding: "0px"
|
|
};
|
|
|
|
//Стили
|
|
export const P8P_SCROLL = {
|
|
"&::-webkit-scrollbar": {
|
|
height: "8px",
|
|
width: "8px"
|
|
},
|
|
"&::-webkit-scrollbar-track": {
|
|
borderRadius: "8px",
|
|
backgroundColor: "#EBEBEB"
|
|
},
|
|
"&::-webkit-scrollbar-thumb": {
|
|
borderRadius: "8px",
|
|
backgroundColor: "#b4b4b4"
|
|
},
|
|
"&::-webkit-scrollbar-thumb:hover": {
|
|
backgroundColor: "#808080"
|
|
}
|
|
};
|