dst/dstpabuaran.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enhance PageHeader layout for better responsiveness and structure

Browse Source
This commit is contained in:
Yoga Pangestu 2026-08-13 11:34:23 +07:00
parent 5c1343d575
commit d5f2a66a14
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
resources/js/components/layout/page-header.tsx
View File

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