From 1bd8977ee333db2cd683787008e417e99408c2aa Mon Sep 17 00:00:00 2001
From: truskovskiyk <truskovskiyk@gmail.com>
Date: Wed, 25 Dec 2024 22:37:55 +0100
Subject: [PATCH] search page

---
 no-ocr-ui/src/components/Search.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/no-ocr-ui/src/components/Search.tsx b/no-ocr-ui/src/components/Search.tsx
index 1b0f94f..7df8920 100644
--- a/no-ocr-ui/src/components/Search.tsx
+++ b/no-ocr-ui/src/components/Search.tsx
@@ -204,9 +204,18 @@ export default function Search() {
 
       {isModalOpen && (
         <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-          <div className="bg-white p-4 rounded-lg shadow-lg">
-            <button onClick={closeModal} className="text-red-500">Close</button>
-            <img src={`data:image/jpeg;base64,${modalImage}`} alt="Enlarged view" className="w-full h-auto mt-4" />
+          <div className="bg-white p-4 rounded-lg shadow-lg max-w-5xl w-full relative">
+            <button 
+              onClick={closeModal} 
+              className="absolute top-2 right-2 text-red-500 bg-white rounded-full p-1 shadow-lg hover:bg-red-500 hover:text-white transition duration-300 ease-in-out"
+            >
+              ✖
+            </button>
+            <img 
+              src={`data:image/jpeg;base64,${modalImage}`} 
+              alt="Enlarged view" 
+              className="w-full h-auto mt-4 max-h-[100vh] object-contain" 
+            />
           </div>
         </div>
       )}