From 92b01c40a031b3bd0be543bdc70cbf2bedd229e3 Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Sat, 30 Aug 2025 11:28:02 +0800
Subject: [PATCH] layout: fix grouping modal not shown on Linux (#1930)

---
 apps/readest-app/src/components/ModalPortal.tsx | 2 +-
 apps/readest-app/src/styles/globals.css         | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/readest-app/src/components/ModalPortal.tsx b/apps/readest-app/src/components/ModalPortal.tsx
index 8e62c130..53b132e6 100644
--- a/apps/readest-app/src/components/ModalPortal.tsx
+++ b/apps/readest-app/src/components/ModalPortal.tsx
@@ -11,7 +11,7 @@ const ModalPortal: React.FC<ModalPortalProps> = ({ children, showOverlay = true
   return ReactDOM.createPortal(
     <div
       className={clsx(
-        'fixed inset-0 isolate z-50 flex items-center justify-center',
+        'fixed inset-0 isolate z-[100] flex items-center justify-center',
         showOverlay && 'bg-black bg-opacity-50',
       )}
       style={{ transform: 'translateZ(0)' }}
diff --git a/apps/readest-app/src/styles/globals.css b/apps/readest-app/src/styles/globals.css
index 8515519b..42aad21c 100644
--- a/apps/readest-app/src/styles/globals.css
+++ b/apps/readest-app/src/styles/globals.css
@@ -100,13 +100,13 @@ foliate-view {
 
 .window-border {
   border-radius: 10px;
-  z-index: 999;
+  z-index: 99;
   position: relative;
 }
 
 .window-border::before {
   content: '';
-  z-index: 1000;
+  z-index: 999;
   position: absolute;
   top: 0;
   left: 0;