add shadow

src/pages/viewer/components/BookViewer.tsx

@@ -442,8 +442,7 @@ const BookViewer: FC<BookViewerProps> = ({ pages, catalogSize, documentSettings
             dir="rtl"
         >
             <div
-                className="relative w-full flex flex-col flex-1 max-md:min-h-0 pt-8 md:pt-12 min-h-0"
-                style={{ overflow: isDesktop ? 'hidden' : 'visible' }}
+                className="relative w-full flex flex-col flex-1 max-md:min-h-0 pt-8 md:pt-12 min-h-0 overflow-hidden"
             >
                 <div className="relative flex flex-1 min-h-0 w-full items-center justify-center">
                 {/* Border و Shadow عمودی در وسط (فقط حالت دوصفحه‌ای دسکتاپ) */}
@@ -461,8 +460,16 @@ const BookViewer: FC<BookViewerProps> = ({ pages, catalogSize, documentSettings
                 */}
                 <div
                     dir="ltr"
-                    className="max-w-full flex justify-center"
-                    style={{ overflow: isDesktop ? 'hidden' : 'visible', isolation: 'isolate' }}
+                    className="max-w-full flex justify-center shrink-0 rounded-sm"
+                    style={{
+                        overflow: 'hidden',
+                        isolation: 'isolate',
+                        width: usePortrait ? pagePixelWidth : pagePixelWidth * 2,
+                        height: pagePixelHeight,
+                        boxShadow: isDesktop
+                            ? undefined
+                            : '0 8px 32px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.08)',
+                    }}
                 >
                     <HTMLFlipBook
                         key={flipKey}
@@ -474,12 +481,12 @@ const BookViewer: FC<BookViewerProps> = ({ pages, catalogSize, documentSettings
                         minHeight={pagePixelHeight}
                         maxWidth={pagePixelWidth}
                         maxHeight={pagePixelHeight}
-                        drawShadow={isDesktop}
+                        drawShadow={true}
                         flippingTime={800}
                         usePortrait={usePortrait}
                         startPage={startPage}
                         autoSize={false}
-                        maxShadowOpacity={isDesktop ? 0.5 : 0}
+                        maxShadowOpacity={isDesktop ? 0.55 : 0.32}
                         showCover={hasMultiplePages}
                         mobileScrollSupport={!usePortrait}
                         clickEventForward={true}