Update components/popup_card.py

components/popup_card.py

@@ -13,9 +13,14 @@ def generate_popup_card(name, model_path):
             <input type="number" id="quantity" min="1" max="10" value="1" style="width: 100%; margin-bottom: 10px; padding: 5px; border: 1px solid #ccc; border-radius: 5px;">
             <div style="text-align: center;">
                 <button style="padding: 10px 20px; background-color: #008cba; color: white; border: none; border-radius: 5px; cursor: pointer;">Add to Cart</button>
-                <button style="padding: 10px 20px; background-color: #ccc; color: black; border: none; border-radius: 5px; margin-left: 10px; cursor: pointer;" onclick="document.getElementById('overlay').style.display='none'">Close</button>
+                <button id="closeButton" style="padding: 10px 20px; background-color: #ccc; color: black; border: none; border-radius: 5px; margin-left: 10px; cursor: pointer;">Close</button>
             </div>
         </div>
     </div>
+    <script>
+        document.getElementById('closeButton').onclick = function() {{
+            document.getElementById('overlay').style.display = 'none';
+        }};
+    </script>
     """
     return html_content