style(frontend): prettier baseline format (no logic change)
This commit is contained in:
@@ -8,10 +8,9 @@ import { btn } from "../components/ui";
|
||||
import { useProgressSaver, type ReaderProps } from "../lib/useProgress";
|
||||
|
||||
// Vite 原生 worker 语法;pdfjs v5 要求 module worker
|
||||
pdfjs.GlobalWorkerOptions.workerPort = new Worker(
|
||||
new URL("pdfjs-dist/build/pdf.worker.mjs", import.meta.url),
|
||||
{ type: "module" },
|
||||
);
|
||||
pdfjs.GlobalWorkerOptions.workerPort = new Worker(new URL("pdfjs-dist/build/pdf.worker.mjs", import.meta.url), {
|
||||
type: "module",
|
||||
});
|
||||
|
||||
type RenderTask = { cancel(): void; promise: Promise<void> };
|
||||
|
||||
@@ -140,19 +139,37 @@ export default function PdfReader({ book, initialLocator, initialPercent }: Read
|
||||
<canvas ref={canvasRef} className="max-w-3xl rounded-md shadow-2xl ring-1 ring-stone-700/50" />
|
||||
</div>
|
||||
<div className="flex items-center justify-center gap-2 border-t border-stone-800/80 px-4 py-2 text-sm">
|
||||
<button className={btn + " inline-flex items-center gap-0.5"} disabled={page === 0} onClick={() => setPage(0)} aria-label="第一页">
|
||||
<button
|
||||
className={btn + " inline-flex items-center gap-0.5"}
|
||||
disabled={page === 0}
|
||||
onClick={() => setPage(0)}
|
||||
aria-label="第一页"
|
||||
>
|
||||
<ChevronsLeft size={14} /> 首页
|
||||
</button>
|
||||
<button className={btn + " inline-flex items-center gap-0.5"} disabled={page === 0} onClick={() => setPage((p) => Math.max(0, p - 1))}>
|
||||
<button
|
||||
className={btn + " inline-flex items-center gap-0.5"}
|
||||
disabled={page === 0}
|
||||
onClick={() => setPage((p) => Math.max(0, p - 1))}
|
||||
>
|
||||
<ChevronLeft size={14} /> 上一页
|
||||
</button>
|
||||
<span className="min-w-16 text-center tabular-nums text-stone-400">
|
||||
{page + 1}/{num}
|
||||
</span>
|
||||
<button className={btn + " inline-flex items-center gap-0.5"} disabled={page >= num - 1} onClick={() => setPage((p) => Math.min(num - 1, p + 1))}>
|
||||
<button
|
||||
className={btn + " inline-flex items-center gap-0.5"}
|
||||
disabled={page >= num - 1}
|
||||
onClick={() => setPage((p) => Math.min(num - 1, p + 1))}
|
||||
>
|
||||
下一页 <ChevronRight size={14} />
|
||||
</button>
|
||||
<button className={btn + " inline-flex items-center gap-0.5"} disabled={page >= num - 1} onClick={() => setPage(num - 1)} aria-label="最后一页">
|
||||
<button
|
||||
className={btn + " inline-flex items-center gap-0.5"}
|
||||
disabled={page >= num - 1}
|
||||
onClick={() => setPage(num - 1)}
|
||||
aria-label="最后一页"
|
||||
>
|
||||
<ChevronsRight size={14} /> 末页
|
||||
</button>
|
||||
<button
|
||||
|
||||
Reference in New Issue
Block a user