From 4e8b14906f93ceaf928f4b772652338629282947 Mon Sep 17 00:00:00 2001
From: alireza <a.r.motahhari@gmail.com>
Date: Fri, 25 Sep 2026 19:15:29 +0330
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor(admin):=20restruc?=
 =?UTF-8?q?ture=20admin=20layout?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- move sidebar below full-width sticky header
- wrap sidebar and content in flex row for desktop
- keep header visible above content at all breakpoints
---
 .../src/app/admin/AdminLayout.tsx             | 39 ++++++++++---------
 1 file changed, 21 insertions(+), 18 deletions(-)

diff --git a/src/GreenHome.Web/src/app/admin/AdminLayout.tsx b/src/GreenHome.Web/src/app/admin/AdminLayout.tsx
index 992b8fc..64a6f0e 100644
--- a/src/GreenHome.Web/src/app/admin/AdminLayout.tsx
+++ b/src/GreenHome.Web/src/app/admin/AdminLayout.tsx
@@ -70,18 +70,9 @@ export default function AdminLayout() {
         })
 
     return (
-        <div className="min-h-screen bg-[#fafafa] flex flex-col md:flex-row">
-            {/* Desktop sidebar (right side in RTL) */}
-            <aside className="hidden md:flex flex-col w-60 shrink-0 border-l border-gray-200 bg-white p-4 sticky top-14 h-[calc(100vh-3.5rem)]">
-                <div className="px-3 py-4 mb-2 border-b border-gray-100">
-                    <h1 className="text-base font-bold text-gray-900">پنل مدیریت</h1>
-                    <p className="text-xs text-gray-400 mt-0.5">گ린‌هوم</p>
-                </div>
-                <nav className="flex-1 flex flex-col gap-1">{navLinks()}</nav>
-            </aside>
-
-            {/* Sticky header (all breakpoints, merges the old mobile header) */}
-            <div className="sticky top-0 z-20 w-full md:flex-1">
+        <div className="min-h-screen bg-[#fafafa] flex flex-col">
+            {/* Sticky header — full width, above everything (merges the old mobile header) */}
+            <div className="sticky top-0 z-20 w-full">
                 <header className="bg-white border-b border-gray-200">
                     <div className="h-14 flex items-center justify-between px-4 md:px-6">
                         <div className="flex items-center gap-2 min-w-0">
@@ -111,12 +102,24 @@ export default function AdminLayout() {
                 </header>
             </div>
 
-            {/* Page content */}
-            <main className="flex-1 p-4 md:p-6">
-                <div className="max-w-5xl mx-auto">
-                    <Outlet />
-                </div>
-            </main>
+            {/* Below the header: sidebar (desktop) + content */}
+            <div className="flex flex-1 md:flex-row">
+                {/* Desktop sidebar (right side in RTL) */}
+                <aside className="hidden md:flex flex-col w-60 shrink-0 border-l border-gray-200 bg-white p-4 sticky top-14 h-[calc(100vh-3.5rem)]">
+                    <div className="px-3 py-4 mb-2 border-b border-gray-100">
+                        <h1 className="text-base font-bold text-gray-900">پنل مدیریت</h1>
+                        <p className="text-xs text-gray-400 mt-0.5">گ린‌هوم</p>
+                    </div>
+                    <nav className="flex-1 flex flex-col gap-1">{navLinks()}</nav>
+                </aside>
+
+                {/* Page content */}
+                <main className="flex-1 p-4 md:p-6">
+                    <div className="max-w-5xl mx-auto">
+                        <Outlet />
+                    </div>
+                </main>
+            </div>
         </div>
     )
 }