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

fix: Double page centered

Browse Source
This commit is contained in:
Julien Froidefond
2025-02-16 22:46:04 +01:00
parent b95ac817e0
commit 4761b47198
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -171,9 +171,14 @@ export function BookReader({ book, pages, onClose }: BookReaderProps) {
{/* Pages */} {/* Pages */}
<div className="relative flex-1 flex items-center justify-center overflow-hidden p-1"> <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 */} {/* 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} /> <ImageLoader isLoading={isLoading} />
{currentPageUrl && ( {currentPageUrl && (
<img <img
@@ -190,7 +195,7 @@ export function BookReader({ book, pages, onClose }: BookReaderProps) {
{/* Deuxième page en mode double page */} {/* Deuxième page en mode double page */}
{isDoublePage && shouldShowDoublePage(currentPage) && ( {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} /> <ImageLoader isLoading={secondPageLoading} />
{nextPageUrl && ( {nextPageUrl && (
<img <img