crazy gpt

2024-08-01 06:59:03 +00:00
parent 4a891598fd
commit e424195d2e
7 changed files with 424 additions and 93 deletions
--- a/src/components/Modal.module.css
+++ b/src/components/Modal.module.css
@@ -1,4 +1,5 @@
 /* src/components/Modal.module.css */
+
 .modalOverlay {
  position: fixed;
  top: 0;
@@ -22,12 +23,20 @@
  position: relative;
 }

+/* Style the close button as an "X" */
 .closeButton {
-  margin-top: 20px;
-  background: #f44336;
-  color: white;
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  background: none;
  border: none;
-  padding: 10px;
+  font-size: 24px;
  cursor: pointer;
-  border-radius: 5px;
+  color: #333;
+  padding: 0;
+}
+
+/* Optional: Add a hover effect */
+.closeButton:hover {
+  color: #f44336; /* Change color on hover for better UX */
 }