fix: make agent error modal taller on mobile so full message is visible from top

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-06 06:40:44 -07:00
parent fa998a18e4
commit 9be551b3a2
2 changed files with 27 additions and 0 deletions
--- a/packages/dashboard/app/components/AgentErrorDetailsModal.css
+++ b/packages/dashboard/app/components/AgentErrorDetailsModal.css
@@ -45,7 +45,27 @@
 }

@media (max-width: 768px) {
+  .modal-overlay:has(.agent-error-modal) {
+    padding-top: var(--space-md);
+    align-items: stretch;
+  }
+
  .agent-error-modal {
    width: calc(100% - var(--space-lg));
+    max-height: calc(100vh - var(--space-lg) * 2);
+    flex: 1 1 auto;
+  }
+
+  .agent-error-modal__content {
+    flex: 1 1 auto;
+    min-height: 0;
+    display: flex;
+  }
+
+  .agent-error-modal__error {
+    flex: 1 1 auto;
+    max-height: none;
+    min-height: 0;
+    width: 100%;
  }
 }