julienfroidefond/stripstream
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(bookreader): Loader not shown

Browse Source
This commit is contained in:
Julien Froidefond
2025-02-16 13:57:24 +01:00
parent 174ca7b9f4
commit d80c44d66f
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/reader/BookReader.tsx
View File

@@ -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={() => {