From 4761b47198bd27579726ab1fc53121ad7af536de Mon Sep 17 00:00:00 2001
From: Julien Froidefond <julien.froidefond@cdbdx.biz>
Date: Sun, 16 Feb 2025 22:46:04 +0100
Subject: [PATCH] fix: Double page centered

---
 src/components/reader/BookReader.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/reader/BookReader.tsx b/src/components/reader/BookReader.tsx
index ec8b6c5..3cda016 100644
--- a/src/components/reader/BookReader.tsx
+++ b/src/components/reader/BookReader.tsx
@@ -171,9 +171,14 @@ 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-[calc(100vh-2rem)] flex items-center justify-center">
+            <div className="relative w-full h-[calc(100vh-2rem)] flex items-center justify-center gap-0">
               {/* Page courante */}
-              <div className="relative h-full w-full flex items-center justify-center">
+              <div
+                className={cn(
+                  "relative h-full flex items-center justify-end",
+                  isDoublePage ? "w-1/2" : "w-full"
+                )}
+              >
                 <ImageLoader isLoading={isLoading} />
                 {currentPageUrl && (
                   <img
@@ -190,7 +195,7 @@ export function BookReader({ book, pages, onClose }: BookReaderProps) {
 
               {/* Deuxième page en mode double page */}
               {isDoublePage && shouldShowDoublePage(currentPage) && (
-                <div className="relative h-full w-full flex items-center justify-center">
+                <div className="relative h-full w-1/2 flex items-center justify-start">
                   <ImageLoader isLoading={secondPageLoading} />
                   {nextPageUrl && (
                     <img