From d80c44d66f9892f73c894b567271bd9a6679896c Mon Sep 17 00:00:00 2001
From: Julien Froidefond <julien.froidefond@cdbdx.biz>
Date: Sun, 16 Feb 2025 13:57:24 +0100
Subject: [PATCH] fix(bookreader): Loader not shown

---
 src/components/reader/BookReader.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/reader/BookReader.tsx b/src/components/reader/BookReader.tsx
index 4463087..4467d7b 100644
--- a/src/components/reader/BookReader.tsx
+++ b/src/components/reader/BookReader.tsx
@@ -537,16 +537,16 @@ export function BookReader({ book, pages, onClose }: BookReaderProps) {
           )}
           {/* Pages */}
           <div className="relative flex-1 flex items-center justify-center overflow-hidden p-1">
-            <div className="relative w-full h-full flex items-center justify-center">
+            <div className="relative w-full h-[calc(100vh-2rem)] flex items-center justify-center">
               {/* Page courante */}
-              <div className="relative max-h-[calc(100vh-2rem)] flex items-center justify-center">
+              <div className="relative h-full w-full flex items-center justify-center">
                 <ImageLoader isLoading={isLoading} />
                 {currentPageUrl && (
                   <img
                     src={currentPageUrl}
                     alt={`Page ${currentPage}`}
                     className={cn(
-                      "max-h-[calc(100vh-2rem)] w-auto object-contain transition-opacity duration-300",
+                      "max-h-full w-auto object-contain transition-opacity duration-300",
                       isLoading ? "opacity-0" : "opacity-100"
                     )}
                     onLoad={() => {
@@ -559,14 +559,14 @@ export function BookReader({ book, pages, onClose }: BookReaderProps) {
 
               {/* Deuxième page en mode double page */}
               {isDoublePage && shouldShowDoublePage(currentPage) && (
-                <div className="relative max-h-[calc(100vh-2rem)] flex items-center justify-center">
+                <div className="relative h-full w-full flex items-center justify-center">
                   <ImageLoader isLoading={secondPageLoading} />
                   {nextPageUrl && (
                     <img
                       src={nextPageUrl}
                       alt={`Page ${currentPage + 1}`}
                       className={cn(
-                        "max-h-[calc(100vh-2rem)] w-auto object-contain transition-opacity duration-300",
+                        "max-h-full w-auto object-contain transition-opacity duration-300",
                         secondPageLoading ? "opacity-0" : "opacity-100"
                       )}
                       onLoad={() => {