danak/dpage-editor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

next and prev
deploy to danak / build_and_deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
hamid zarghami
2026-07-01 16:30:23 +03:30
parent 22d15f9a13
commit 0391513928
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/viewer/components/BookViewer.tsx
+10 -10
View File
@@ -634,20 +634,20 @@ const BookViewer: FC<BookViewerProps> = ({ pages, catalogSize, documentSettings
<div className="shrink-0 max-md:min-h-12 flex items-center gap-3 md:gap-6 bg-white rounded-full px-4 md:px-6 py-2 md:py-3 shadow-lg"> <div className="shrink-0 max-md:min-h-12 flex items-center gap-3 md:gap-6 bg-white rounded-full px-4 md:px-6 py-2 md:py-3 shadow-lg">
{hasMultiplePages && ( {hasMultiplePages && (
<> <>
{/* دکمه راست: فارسی = صفحه بعد | لاتین = صفحه قبل */} {/* دکمه راست: فارسی = صفحه قبل | لاتین = صفحه بعد */}
<button <button
type="button" type="button"
onClick={() => { onClick={() => {
stopAutoPlayByUser(); stopAutoPlayByUser();
if (leftToRightFlip) { if (leftToRightFlip) {
goToPrevPage();
} else {
goToNextPage(); goToNextPage();
} else {
goToPrevPage();
} }
}} }}
disabled={leftToRightFlip ? currentPage <= 0 : currentPage >= pages.length - 1} disabled={leftToRightFlip ? currentPage >= pages.length - 1 : currentPage <= 0}
className="p-2 md:p-2 min-h-11 min-w-11 md:min-h-0 md:min-w-0 inline-flex items-center justify-center rounded-full hover:bg-gray-100 active:bg-gray-200 disabled:opacity-30 disabled:cursor-not-allowed transition-all" className="p-2 md:p-2 min-h-11 min-w-11 md:min-h-0 md:min-w-0 inline-flex items-center justify-center rounded-full hover:bg-gray-100 active:bg-gray-200 disabled:opacity-30 disabled:cursor-not-allowed transition-all"
aria-label={leftToRightFlip ? "صفحه قبل" : "صفحه بعد"} aria-label={leftToRightFlip ? "صفحه بعد" : "صفحه قبل"}
> >
<ArrowRight2 color="black" size={20} className="text-gray-700 md:w-6 md:h-6" /> <ArrowRight2 color="black" size={20} className="text-gray-700 md:w-6 md:h-6" />
</button> </button>
@@ -663,20 +663,20 @@ const BookViewer: FC<BookViewerProps> = ({ pages, catalogSize, documentSettings
{hasMultiplePages && ( {hasMultiplePages && (
<> <>
{/* دکمه چپ: فارسی = صفحه قبل | لاتین = صفحه بعد */} {/* دکمه چپ: فارسی = صفحه بعد | لاتین = صفحه قبل */}
<button <button
type="button" type="button"
onClick={() => { onClick={() => {
stopAutoPlayByUser(); stopAutoPlayByUser();
if (leftToRightFlip) { if (leftToRightFlip) {
goToNextPage();
} else {
goToPrevPage(); goToPrevPage();
} else {
goToNextPage();
} }
}} }}
disabled={leftToRightFlip ? currentPage >= pages.length - 1 : currentPage <= 0} disabled={leftToRightFlip ? currentPage <= 0 : currentPage >= pages.length - 1}
className="p-2 md:p-2 min-h-11 min-w-11 md:min-h-0 md:min-w-0 inline-flex items-center justify-center rounded-full hover:bg-gray-100 active:bg-gray-200 disabled:opacity-30 disabled:cursor-not-allowed transition-all" className="p-2 md:p-2 min-h-11 min-w-11 md:min-h-0 md:min-w-0 inline-flex items-center justify-center rounded-full hover:bg-gray-100 active:bg-gray-200 disabled:opacity-30 disabled:cursor-not-allowed transition-all"
aria-label={leftToRightFlip ? "صفحه بعد" : "صفحه قبل"} aria-label={leftToRightFlip ? "صفحه قبل" : "صفحه بعد"}
> >
<ArrowLeft2 color="black" size={20} className="text-gray-700 md:w-6 md:h-6" /> <ArrowLeft2 color="black" size={20} className="text-gray-700 md:w-6 md:h-6" />
</button> </button>