From d5f2a66a142283caf98343f26d482cc897dd315e Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Thu, 13 Aug 2026 11:34:23 +0700
Subject: [PATCH] feat: enhance PageHeader layout for better responsiveness and
 structure

---
 resources/js/components/layout/page-header.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/js/components/layout/page-header.tsx b/resources/js/components/layout/page-header.tsx
index 3e8c425..9168480 100644
--- a/resources/js/components/layout/page-header.tsx
+++ b/resources/js/components/layout/page-header.tsx
@@ -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>
     );
 }