Update rt-ai-html.css

therealtimex · Dec 13, 2024 · 6d4d5e8 · 6d4d5e8
1 parent 843b717
commit 6d4d5e8
Showing 1 changed file with 15 additions and 5 deletions.
diff --git a/css/rt-ai-html.css b/css/rt-ai-html.css
@@ -254,8 +254,8 @@ dialog {
     transform: translate(-50%, -50%);
 
     /* Dimensions */
-    min-width: 300px;
-    max-width: min(600px, 90%);
+    min-width: 320px;
+    max-width: min(800px, 84%);
     max-height: 90vh;
     width: fit-content;
 
@@ -269,13 +269,23 @@ dialog {
     overscroll-behavior: contain;
     -webkit-overflow-scrolling: touch;
 
-    /* Animation */
-    transition: transform var(--transition-speed);
-
     /* Ensure modal stays on top */
     z-index: 1000;
 }
 
+@media screen and (max-width: 672px) {
+    .modal-content {
+        max-width: 96%;
+    }
+}
+
+@media screen and (max-width: 320px) {
+    .modal-content {
+        max-width: 100%;
+        min-width: 100%;
+    }
+}
+
 .modal-header {
     padding: 16px;
     background: #f8f9fa;