feat: Обновить компонент PageHeader, улучшив стилизацию заголовка и действий страницы, а также добавив комментарии для лучшего понимания структуры кода
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 1m50s
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 1m50s
This commit is contained in:
@@ -3,22 +3,24 @@ import React from 'react'
|
|||||||
function PageHeader({ title, pretitle, actions, meta }) {
|
function PageHeader({ title, pretitle, actions, meta }) {
|
||||||
return (
|
return (
|
||||||
<div className="page-header d-print-none mb-4">
|
<div className="page-header d-print-none mb-4">
|
||||||
|
{/* Верхняя строка: только заголовок */}
|
||||||
<div className="row align-items-center">
|
<div className="row align-items-center">
|
||||||
<div className="col">
|
<div className="col">
|
||||||
{pretitle && (
|
|
||||||
<div className="page-pretitle">{pretitle}</div>
|
|
||||||
)}
|
|
||||||
<h2 className="page-title">{title}</h2>
|
<h2 className="page-title">{title}</h2>
|
||||||
|
{pretitle && (
|
||||||
|
<div className="page-pretitle mt-1">{pretitle}</div>
|
||||||
|
)}
|
||||||
{meta && (
|
{meta && (
|
||||||
<div className="text-muted small mt-1">{meta}</div>
|
<div className="text-muted small mt-1">{meta}</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
{actions && (
|
|
||||||
<div className="col-auto ms-auto d-print-none">
|
|
||||||
{actions}
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
|
{/* Отдельная строка под заголовком: действия страницы */}
|
||||||
|
{actions && (
|
||||||
|
<div className="mt-3 d-print-none">
|
||||||
|
{actions}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user