feat: enhance PageHeader layout for better responsiveness and structure

This commit is contained in:
Yoga Pangestu 2026-08-13 11:34:23 +07:00
parent 5c1343d575
commit d5f2a66a14

View File

@ -8,14 +8,14 @@ type PageHeaderProps = {
export function PageHeader({ title, description, actions }: PageHeaderProps) {
return (
<div className="flex items-center justify-between">
<div>
<div className="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
<div className="min-w-0">
<h2 className="text-2xl font-semibold tracking-tight">
{title}
</h2>
{description}
</div>
{actions}
{actions && <div className="flex flex-wrap items-center gap-2">{actions}</div>}
</div>
);
}