From 51095111f5c54dcaa70fcf7e3f6feced7b86e18a Mon Sep 17 00:00:00 2001
From: codytseng <codytseng98@gmail.com>
Date: Sat, 16 Nov 2024 23:29:22 +0800
Subject: [PATCH] fix: nsfw overlay

---
 src/renderer/src/components/ImageGallery/index.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/components/ImageGallery/index.tsx b/src/renderer/src/components/ImageGallery/index.tsx
index 4da723f..7bb0af7 100644
--- a/src/renderer/src/components/ImageGallery/index.tsx
+++ b/src/renderer/src/components/ImageGallery/index.tsx
@@ -3,6 +3,7 @@ import { useState } from 'react'
 import Lightbox from 'yet-another-react-lightbox'
 import Zoom from 'yet-another-react-lightbox/plugins/zoom'
 import NsfwOverlay from '../NsfwOverlay'
+import { cn } from '@renderer/lib/utils'
 
 export default function ImageGallery({
   className,
@@ -23,7 +24,7 @@ export default function ImageGallery({
   }
 
   return (
-    <div className={className} onClick={(e) => e.stopPropagation()}>
+    <div className={cn('relative', className)} onClick={(e) => e.stopPropagation()}>
       <ScrollArea className="w-full">
         <div className="flex space-x-2">
           {images.map((src, index) => {