feat: enhance PageHeader layout for better responsiveness and structure
This commit is contained in:
parent
5c1343d575
commit
d5f2a66a14
@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user