fix: add min-height to #prompt-display and placeholder text in clearPromptDisplay()

The empty #prompt-display div collapsed to 0 height, making it appear
'gone'. Added min-height: 3rem and a 'No prompt selected.' placeholder
that clearPromptDisplay() now sets via innerHTML.
This commit is contained in:
2026-05-02 15:55:19 +03:00
parent 2dd32d0ef1
commit 393921e524
2 changed files with 2 additions and 1 deletions

View File

@@ -586,7 +586,7 @@
</div>
<!-- Prompt display subsections -->
<div id="prompt-display" style="max-height: 60vh; overflow-y: auto;"></div>
<div id="prompt-display" style="max-height: 60vh; overflow-y: auto; min-height: 3rem;"></div>
<!-- Hidden buffer for copy-to-clipboard raw text -->
<pre id="last-prompt" style="display: none;"></pre>
</div>

View File

@@ -138,6 +138,7 @@ async function selectPromptEntry(promptId) {
function clearPromptDisplay() {
document.getElementById('prompt-metadata').innerHTML = '';
document.getElementById('prompt-display').innerHTML = '<pre style="white-space: pre-wrap; word-break: break-word; background: #1a1a1a; padding: 0.75rem; border-radius: 4px; font-size: 0.8rem; line-height: 1.4; margin: 0; color: #666;">No prompt selected.</pre>';
document.getElementById('last-prompt').textContent = '';
}