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

fix: ajustement des z-index et affichage de la scrollbar des miniatures

Browse Source
This commit is contained in:
Julien Froidefond
2025-02-12 21:06:28 +01:00
parent 750824ad1d
commit 575bfbebb5
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -444,13 +444,13 @@ export function BookReader({ book, pages, onClose }: BookReaderProps) {
{/* Barre de navigation des pages */} {/* Barre de navigation des pages */}
<div <div
className={`absolute bottom-0 left-0 right-0 bg-background/50 backdrop-blur-sm border-t border-border/40 transition-all duration-300 ease-in-out ${ className={`absolute bottom-0 left-0 right-0 bg-background/50 backdrop-blur-sm border-t border-border/40 transition-all duration-300 ease-in-out z-30 ${
showNavigation ? "h-32 opacity-100" : "h-0 opacity-0" showNavigation ? "h-32 opacity-100" : "h-0 opacity-0"
}`} }`}
> >
{showNavigation && ( {showNavigation && (
<> <>
<div className="absolute inset-y-0 left-4 flex items-center"> <div className="absolute inset-y-0 left-4 flex items-center z-40">
<button <button
onClick={() => { onClick={() => {
const container = document.getElementById("thumbnails-container"); const container = document.getElementById("thumbnails-container");
@@ -467,7 +467,7 @@ export function BookReader({ book, pages, onClose }: BookReaderProps) {
<div <div
id="thumbnails-container" id="thumbnails-container"
className="h-full mx-16 overflow-x-auto flex items-center gap-2 px-4 hide-scrollbar scroll-smooth" className="h-full mx-16 overflow-x-auto flex items-center gap-2 px-4 scroll-smooth"
> >
{pages.map((_, index) => { {pages.map((_, index) => {
const pageNumber = index + 1; const pageNumber = index + 1;