From 6eb92bf69dcd7947c4fb1dcd3bb2e76029ea854a Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Thu, 7 May 2026 09:05:51 +0330
Subject: [PATCH] book viewer on page view

---
 src/pages/viewer/components/BookViewer.tsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/pages/viewer/components/BookViewer.tsx b/src/pages/viewer/components/BookViewer.tsx
index 1492597..012a989 100644
--- a/src/pages/viewer/components/BookViewer.tsx
+++ b/src/pages/viewer/components/BookViewer.tsx
@@ -428,13 +428,15 @@ const BookViewer: FC<BookViewerProps> = ({ pages, catalogSize, documentSettings
                 className="relative w-full flex justify-center flex-1 max-md:min-h-0 items-center"
                 style={{ overflow: isDesktop ? 'hidden' : 'visible' }}
             >
-                {/* Border و Shadow عمودی در وسط (فقط دوسوّره/دسکتاپ) */}
-                <div
-                    className="hidden md:block absolute inset-y-0 left-1/2 -translate-x-1/2 w-px border-r border-gray-300 pointer-events-none z-50"
-                    style={{
-                        boxShadow: '-5px 0 15px rgba(0, 0, 0, 0.15), 5px 0 15px rgba(0, 0, 0, 0.15)',
-                    }}
-                />
+                {/* Border و Shadow عمودی در وسط (فقط حالت دوصفحه‌ای دسکتاپ) */}
+                {!usePortrait && (
+                    <div
+                        className="hidden md:block absolute inset-y-0 left-1/2 -translate-x-1/2 w-px border-r border-gray-300 pointer-events-none z-50"
+                        style={{
+                            boxShadow: '-5px 0 15px rgba(0, 0, 0, 0.15), 5px 0 15px rgba(0, 0, 0, 0.15)',
+                        }}
+                    />
+                )}
                 {/*
                   page-flip با مختصات LTR کار می‌کند؛ direction:rtl روی روت کتاب باعث ناهماهنگی
                   ایندکس/onFlip با دکمه‌ها می‌شود. محتوای فارسی داخل BookPage با dir=rtl است.