diff --git a/frontend/src/components/gallery.tsx b/frontend/src/components/gallery.tsx index b045c43..756fc2a 100644 --- a/frontend/src/components/gallery.tsx +++ b/frontend/src/components/gallery.tsx @@ -78,6 +78,7 @@ export default function Gallery({ @@ -188,6 +189,7 @@ export default function Gallery({ function GalleryFullscreen({ dialogRef, images, + nsfw, currentIndex, direction, goToPrevious, @@ -197,6 +199,7 @@ function GalleryFullscreen({ }: { dialogRef: React.RefObject; images: number[]; + nsfw: number[]; currentIndex: number; direction: number; goToPrevious: () => void; @@ -316,7 +319,7 @@ function GalleryFullscreen({ @@ -360,8 +363,8 @@ function GalleryFullscreen({ key={index} className={`flex-shrink-0 w-16 h-16 rounded-lg overflow-hidden transition-all ${ index === currentIndex - ? "ring-2 ring-primary scale-110" - : "opacity-60 hover:opacity-100" + ? "ring-2 ring-primary scale-110 " + : `${nsfw.includes(imageId) ? "blur-sm hover:blur-none" : "opacity-60 hover:opacity-100"}` }`} onClick={(e) => { e.stopPropagation(); @@ -373,7 +376,7 @@ function GalleryFullscreen({ {`Thumbnail ))}