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

feat(bookreader): size of thumbnails

Browse Source
This commit is contained in:
Julien Froidefond
2025-02-16 21:08:32 +01:00
parent aa04055a1a
commit 921e7128a5
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/reader/components/NavigationBar.tsx
View File

@@ -32,7 +32,7 @@ export const NavigationBar = ({
<div <div
className={cn( className={cn(
"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", "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",
showControls ? "h-64 opacity-100" : "h-0 opacity-0" showControls ? "h-52 opacity-100" : "h-0 opacity-0"
)} )}
> >
{showControls && ( {showControls && (

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

@@ -81,10 +81,10 @@ export const Thumbnail = forwardRef<HTMLButtonElement, ThumbnailProps>(
id={`thumbnail-${pageNumber}`} id={`thumbnail-${pageNumber}`}
onClick={() => onPageChange(pageNumber)} onClick={() => onPageChange(pageNumber)}
className={cn( className={cn(
"relative h-56 w-40 flex-shrink-0 rounded-md overflow-hidden transition-all cursor-pointer snap-center", "relative flex-shrink-0 rounded-md overflow-hidden transition-all cursor-pointer snap-center",
currentPage === pageNumber currentPage === pageNumber
? "ring-2 ring-primary scale-110 z-10" ? "h-48 w-36 ring-2 ring-primary z-10"
: "opacity-80 hover:opacity-100 hover:scale-105", : "h-40 w-28 opacity-80 hover:opacity-100 hover:scale-105",
hasError && "bg-muted" hasError && "bg-muted"
)} )}
> >