Fix modal overflow and search timeout warning

2026-03-17 12:05:44 +09:00
parent 70c975c231
commit 0b68feff80
11 changed files with 367 additions and 45 deletions
@@ -50,6 +50,24 @@ body {
  border-radius: 9999px;
 }

+.result-modal-shell {
+  max-height: calc(100vh - 1.5rem);
+}
+
+.result-modal-media-frame {
+  max-height: min(48vh, 32rem);
+}
+
+.result-modal-details {
+  flex: 1 1 auto;
+  overflow: hidden;
+}
+
+#resultModalSnippet {
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
 .debug-entry {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  padding: 10px 8px;
@@ -72,3 +90,19 @@ body {
  word-break: break-word;
  color: rgba(255, 255, 255, 0.9);
 }
+
+@media (max-height: 900px) {
+  .result-modal-media-frame {
+    max-height: min(40vh, 26rem);
+  }
+}
+
+@media (max-height: 720px) {
+  .result-modal-shell {
+    max-height: calc(100vh - 1rem);
+  }
+
+  .result-modal-media-frame {
+    max-height: min(34vh, 18rem);
+  }
+}