ЦИТК-979 - Управляемый отступ сверху для P8PEditorSybHeader

This commit is contained in:
Mikhail Chechnev 2025-09-03 15:13:56 +03:00
parent b09ae4d83b
commit 86aa639ca0

View File

@ -17,7 +17,7 @@ import { Divider, Chip } from "@mui/material"; //Интерфейсные ком
//Стили
const STYLES = {
DIVIDER: { paddingTop: "20px" }
DIVIDER: pt => ({ paddingTop: pt || pt === 0 ? `${pt}px` : "20px" })
};
//-----------
@ -25,10 +25,10 @@ const STYLES = {
//-----------
//Заголовок раздела редактора
const P8PEditorSubHeader = ({ title }) => {
const P8PEditorSubHeader = ({ title, paddingTop }) => {
//Формирование представления
return (
<Divider sx={STYLES.DIVIDER}>
<Divider sx={STYLES.DIVIDER(paddingTop)}>
<Chip label={title} size={"small"} />
</Divider>
);
@ -36,7 +36,8 @@ const P8PEditorSubHeader = ({ title }) => {
//Контроль свойств компонента - Заголовок раздела редактора
P8PEditorSubHeader.propTypes = {
title: PropTypes.string.isRequired
title: PropTypes.string.isRequired,
paddingTop: PropTypes.number
};
//----------------