Update search results image component

Author: miurla

components/search-results-image.tsx

@@ -82,21 +82,24 @@ export const SearchResultsImageSection: React.FC<
               </Card>
             </div>
           </DialogTrigger>
-          <DialogContent className="sm:max-w-3xl">
+          <DialogContent className="sm:max-w-3xl max-h-[80vh] overflow-auto">
             <DialogHeader>
               <DialogTitle>Search Images</DialogTitle>
               <DialogDescription className="text-sm">{query}</DialogDescription>
             </DialogHeader>
             <div className="py-4">
-              <Carousel setApi={setApi} className="w-full bg-muted">
+              <Carousel
+                setApi={setApi}
+                className="w-full bg-muted max-h-[60vh]"
+              >
                 <CarouselContent>
                   {images.map((img, idx) => (
                     <CarouselItem key={idx}>
                       <div className="p-1 flex items-center justify-center h-full">
                         <img
                           src={img}
                           alt={`Image ${idx + 1}`}
-                          className="h-auto w-full object-contain"
+                          className="h-auto w-full object-contain max-h-[60vh]"
                         />
                       </div>
                     </CarouselItem>