CITKParus/P8-Panels
2
0
Fork 2
Code Issues Pull Requests Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Mikhail Chechnev 2025-09-03 15:13:56 +03:00
parent b09ae4d83b
commit 86aa639ca0
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/components/editors/p8p_editor_sub_header.js
View File

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