Adjust PM editor styles

780f2f712e00367d5b6ffa508ae1623e0b3c7e1b

Cohee <18619528+Cohee1207@users.noreply.github.com>

2 files changed, +25 -10Ignore whitespace
public/css/promptmanager.css+24 -9
@@ -91,15 +91,34 @@
9191#completion_prompt_manager_popup #completion_prompt_manager_popup_inspect {
9292 display: none;
9393 padding: 0.5em;
94+ height: 100%;
95+ display: flex;
96+ flex-direction: column;
9497}
9598
9699#completion_prompt_manager_popup .completion_prompt_manager_popup_entry {
97100 padding: 1em0.5em;
98101 margin-topflex: 2em1;
102+}
103+
104+#completion_prompt_manager_popup .completion_prompt_manager_popup_entry_form {
105+ height: 100%;
106+ display: flex;
107+ flex-direction: column;
108+}
109+
110+#completion_prompt_manager_popup .completion_prompt_manager_popup_entry_form_control:has(#completion_prompt_manager_popup_entry_form_prompt) {
111+ flex: 1;
112+ display: flex;
113+ flex-direction: column;
114+}
115+
116+#completion_prompt_manager_popup #completion_prompt_manager_popup_entry_form_prompt {
117+ flex: 1;
99118}
100119
101120#completion_prompt_manager_popup #completion_prompt_manager_popup_inspect .completion_prompt_manager_popup_entry {
102121 padding: 1em0.5em;
103122}
104123
105124#completion_prompt_manager_popup #completion_prompt_manager_popup_entry_form_inspect_list {
@@ -248,7 +267,7 @@
248267}
249268
250269#completion_prompt_manager_footer_append_prompt {
251270 font-size: 16px1em;
252271}
253272
254273#prompt-manager-export-format-popup {
@@ -303,10 +322,6 @@
303322 justify-content: space-between;
304323}
305324
306-#prompt-manager-export-format-popup span {
307- font-size: 16px;
308-}
309-
310325@media screen and (max-width: 412px) {
311326 #completion_prompt_manager_popup {
312327 max-width: 100%;
@@ -317,7 +332,7 @@
317332 }
318333}
319334
320335.completion_prompt_manager_popup_entry_form_control:has(#completion_prompt_manager_popup_entry_form_prompt:disabled) > div:first-child::after {
321336 content: 'The content of this prompt is pulled from elsewhere and cannot be edited here.';
322337 display: block;
323338 width: 100%;
public/scripts/PromptManager.js+1 -1
@@ -1750,7 +1750,7 @@ class PromptManager {
17501750 */
17511751 showPopup(area = 'edit') {
17521752 const areaElement = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_' + area);
17531753 areaElement.style.display = 'blockflex';
17541754
17551755 $('#' + this.configuration.prefix + 'prompt_manager_popup').first()
17561756 .slideDown(200, 'swing')