nyne/nysoure
1
0
Fork 0
mirror of https://github.com/wgh136/nysoure.git synced 2025-12-16 07:51:14 +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 [isHovered, setIsHovered] = useState(false);
const [width, setWidth] = useState(0); const [width, setWidth] = useState(0);
const containerRef = useRef<HTMLDivElement>(null); const containerRef = useRef<HTMLDivElement>(null);
const dialogRef = useRef<HTMLDialogElement>(null);
useEffect(() => { useEffect(() => {
const updateWidth = () => { const updateWidth = () => {
@@ -1928,14 +1929,13 @@ function Gallery({ images, nsfw }: { images: number[], nsfw: number[] }) {
return ( return (
<> <>
<dialog <dialog
id="fullscreen_image_dialog" ref={dialogRef}
onClick={() => { onClick={() => {
const dialog = document.getElementById("fullscreen_image_dialog") as HTMLDialogElement; dialogRef.current?.close();
dialog.close();
}} }}
className="modal" 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 <motion.img
src={network.getImageUrl(images[currentIndex])} src={network.getImageUrl(images[currentIndex])}
alt="" alt=""
@@ -1955,8 +1955,7 @@ function Gallery({ images, nsfw }: { images: number[], nsfw: number[] }) {
> >
{/* 图片区域 */} {/* 图片区域 */}
<div ref={containerRef} className="w-full h-full relative" onClick={() => { <div ref={containerRef} className="w-full h-full relative" onClick={() => {
const dialog = document.getElementById("fullscreen_image_dialog") as HTMLDialogElement; dialogRef.current?.showModal();
dialog.showModal();
}}> }}>
{width > 0 && ( {width > 0 && (
<AnimatePresence initial={false} custom={direction} mode="sync"> <AnimatePresence initial={false} custom={direction} mode="sync">