From 3236f144cddd75a64569c3ad0e06fe30de6bb00e Mon Sep 17 00:00:00 2001
From: "vluk@2fi-solutions.com.hk" <vluk@2fi-solutions.com.hk>
Date: Mon, 23 Feb 2026 18:28:35 +0800
Subject: [PATCH] fix the /ps overlap problem

---
 src/app/(main)/ps/page.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/(main)/ps/page.tsx b/src/app/(main)/ps/page.tsx
index bca0a75..675380c 100644
--- a/src/app/(main)/ps/page.tsx
+++ b/src/app/(main)/ps/page.tsx
@@ -287,10 +287,10 @@ export default function ProductionSchedulePage() {
         </div>
       </div>
 
-      {/* Detail Modal */}
+      {/* Detail Modal – z-index above sidebar drawer (1200) so they don't overlap on small windows */}
       {isDetailOpen && (
         <div
-          className="fixed inset-0 z-50 flex items-center justify-center p-4"
+          className="fixed inset-0 z-[1300] flex items-center justify-center p-4"
           role="dialog"
           aria-modal="true"
           aria-labelledby="detail-title"
@@ -416,7 +416,7 @@ export default function ProductionSchedulePage() {
       {/* Forecast Dialog */}
       {isForecastDialogOpen && (
         <div
-          className="fixed inset-0 z-50 flex items-center justify-center p-4"
+          className="fixed inset-0 z-[1300] flex items-center justify-center p-4"
           role="dialog"
           aria-modal="true"
         >
@@ -503,7 +503,7 @@ export default function ProductionSchedulePage() {
       {/* Export Dialog */}
       {isExportDialogOpen && (
         <div
-          className="fixed inset-0 z-50 flex items-center justify-center p-4"
+          className="fixed inset-0 z-[1300] flex items-center justify-center p-4"
           role="dialog"
           aria-modal="true"
         >