From 71e4662047f700f376c4e5ae5cf0cc4f0d206616 Mon Sep 17 00:00:00 2001
From: Julien Froidefond <julien.froidefond@cdbdx.biz>
Date: Wed, 12 Feb 2025 20:59:06 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20ajustement=20des=20z-index=20dans=20le?=
 =?UTF-8?q?=20lecteur=20pour=20une=20meilleure=20hi=C3=A9rarchie=20visuell?=
 =?UTF-8?q?e?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 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 c3aa616..f3dd49f 100644
--- a/src/components/reader/BookReader.tsx
+++ b/src/components/reader/BookReader.tsx
@@ -287,7 +287,7 @@ export function BookReader({ book, pages, onClose }: BookReaderProps) {
         {/* Contenu principal */}
         <div className="relative h-full w-full flex items-center justify-center">
           {/* Boutons en haut */}
-          <div className="absolute top-4 left-4 flex items-center gap-2">
+          <div className="absolute top-4 left-4 flex items-center gap-2 z-30">
             <button
               onClick={() => setIsDoublePage(!isDoublePage)}
               className="p-2 rounded-full bg-background/50 hover:bg-background/80 transition-colors"
@@ -318,7 +318,7 @@ export function BookReader({ book, pages, onClose }: BookReaderProps) {
           {currentPage > 1 && (
             <button
               onClick={handlePreviousPage}
-              className="absolute left-4 top-1/2 -translate-y-1/2 p-2 rounded-full bg-background/50 hover:bg-background/80 transition-colors"
+              className="absolute left-4 top-1/2 -translate-y-1/2 p-2 rounded-full bg-background/50 hover:bg-background/80 transition-colors z-20"
               aria-label="Page précédente"
             >
               <ChevronLeft className="h-8 w-8" />
@@ -326,7 +326,7 @@ export function BookReader({ book, pages, onClose }: BookReaderProps) {
           )}
 
           {/* Pages */}
-          <div className="relative h-full max-h-full w-auto max-w-full p-4 flex gap-2">
+          <div className="relative h-full max-h-full w-auto max-w-full p-4 flex gap-2 z-10">
             {/* Page courante */}
             <div className="relative h-full w-auto">
               {isLoading && (
@@ -375,7 +375,7 @@ export function BookReader({ book, pages, onClose }: BookReaderProps) {
           {currentPage < pages.length && (
             <button
               onClick={handleNextPage}
-              className="absolute right-4 top-1/2 -translate-y-1/2 p-2 rounded-full bg-background/50 hover:bg-background/80 transition-colors"
+              className="absolute right-4 top-1/2 -translate-y-1/2 p-2 rounded-full bg-background/50 hover:bg-background/80 transition-colors z-20"
               aria-label="Page suivante"
             >
               <ChevronRight className="h-8 w-8" />
@@ -386,7 +386,7 @@ export function BookReader({ book, pages, onClose }: BookReaderProps) {
           {onClose && (
             <button
               onClick={onClose}
-              className="absolute top-4 right-4 p-2 rounded-full bg-background/50 hover:bg-background/80 transition-colors"
+              className="absolute top-4 right-4 p-2 rounded-full bg-background/50 hover:bg-background/80 transition-colors z-30"
               aria-label="Fermer"
             >
               <svg