Strengthen search breadth and modal fitting

2026-03-17 13:10:53 +09:00
parent 2fe1bd8ffe
commit 5ca7aef3f1
10 changed files with 110 additions and 49 deletions
@@ -60,7 +60,8 @@ body {
 }

 .result-modal-shell {
-  height: min(calc(100dvh - 0.5rem), 860px);
+  height: var(--result-modal-shell-height, min(calc(100dvh - 0.5rem), 860px));
+  max-width: var(--result-modal-shell-width, 72rem);
  margin: auto;
 }

@@ -69,7 +70,7 @@ body {
 }

 .result-modal-media-frame {
-  max-height: min(34dvh, 22rem);
+  max-height: var(--result-modal-media-max-height, min(34dvh, 22rem));
 }

 .result-modal-details {
@@ -79,6 +80,16 @@ body {
  align-items: stretch;
 }

+.result-modal-shell.result-modal-compact .result-modal-details {
+  gap: 0.5rem;
+}
+
+.result-modal-shell.result-modal-compact #resultModalReason,
+.result-modal-shell.result-modal-compact #resultModalSnippet {
+  font-size: 0.75rem;
+  line-height: 1.35rem;
+}
+
 #resultModalSnippet,
 #resultModalReason {
  white-space: pre-wrap;