nyne/nysoure
1
0
Fork 0
mirror of https://github.com/wgh136/nysoure.git synced 2025-12-15 23:41:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
nyne
2025-11-13 18:43:21 +08:00
parent 05777ddb7f
commit 5cd708454a
1 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/pages/resource_details_page.tsx
View File

@@ -1887,6 +1887,7 @@ function Gallery({ images, nsfw }: { images: number[], nsfw: number[] }) {
const [isHovered, setIsHovered] = useState(false);
const [width, setWidth] = useState(0);
const containerRef = useRef<HTMLDivElement>(null);
const dialogRef = useRef<HTMLDialogElement>(null);
useEffect(() => {
const updateWidth = () => {
@@ -1928,14 +1929,13 @@ function Gallery({ images, nsfw }: { images: number[], nsfw: number[] }) {
return (
<>
<dialog
id="fullscreen_image_dialog"
ref={dialogRef}
onClick={() => {
const dialog = document.getElementById("fullscreen_image_dialog") as HTMLDialogElement;
dialog.close();
dialogRef.current?.close();
}}
className="modal"
>
<div className="modal-box max-w-7xl w-full h-full max-h-screen p-4 bg-transparent shadow-none flex items-center justify-center">
<div className="modal-box w-full h-full max-h-screen max-w-screen p-4 bg-transparent shadow-none flex items-center justify-center">
<motion.img
src={network.getImageUrl(images[currentIndex])}
alt=""
@@ -1955,8 +1955,7 @@ function Gallery({ images, nsfw }: { images: number[], nsfw: number[] }) {
>
{/* 图片区域 */}
<div ref={containerRef} className="w-full h-full relative" onClick={() => {
const dialog = document.getElementById("fullscreen_image_dialog") as HTMLDialogElement;
dialog.showModal();
dialogRef.current?.showModal();
}}>
{width > 0 && (
<AnimatePresence initial={false} custom={direction} mode="sync">