book viewer on page view

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 است.