Adjust PM editor styles

780f2f712e00367d5b6ffa508ae1623e0b3c7e1b

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

Parents: a408328fc666b692858ddf1d3e460d4427027b82
2 files changed, +25 -10Ignore whitespace
public/css/promptmanager.css+24 -9
@@ -91,15 +91,34 @@
91#completion_prompt_manager_popup #completion_prompt_manager_popup_inspect {91#completion_prompt_manager_popup #completion_prompt_manager_popup_inspect {
92 display: none;92 display: none;
93 padding: 0.5em;93 padding: 0.5em;
94 height: 100%;
95 display: flex;
96 flex-direction: column;
94}97}
9598
96#completion_prompt_manager_popup .completion_prompt_manager_popup_entry {99#completion_prompt_manager_popup .completion_prompt_manager_popup_entry {
97 padding: 1em;100 padding: 0.5em;
98 margin-top: 2em;101 flex: 1;
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;
99}118}
100119
101#completion_prompt_manager_popup #completion_prompt_manager_popup_inspect .completion_prompt_manager_popup_entry {120#completion_prompt_manager_popup #completion_prompt_manager_popup_inspect .completion_prompt_manager_popup_entry {
102 padding: 1em;121 padding: 0.5em;
103}122}
104123
105#completion_prompt_manager_popup #completion_prompt_manager_popup_entry_form_inspect_list {124#completion_prompt_manager_popup #completion_prompt_manager_popup_entry_form_inspect_list {
@@ -248,7 +267,7 @@
248}267}
249268
250#completion_prompt_manager_footer_append_prompt {269#completion_prompt_manager_footer_append_prompt {
251 font-size: 16px;270 font-size: 1em;
252}271}
253272
254#prompt-manager-export-format-popup {273#prompt-manager-export-format-popup {
@@ -303,10 +322,6 @@
303 justify-content: space-between;322 justify-content: space-between;
304}323}
305324
306#prompt-manager-export-format-popup span {
307 font-size: 16px;
308}
309
310@media screen and (max-width: 412px) {325@media screen and (max-width: 412px) {
311 #completion_prompt_manager_popup {326 #completion_prompt_manager_popup {
312 max-width: 100%;327 max-width: 100%;
@@ -317,7 +332,7 @@
317 }332 }
318}333}
319334
320.completion_prompt_manager_popup_entry_form_control:has(#completion_prompt_manager_popup_entry_form_prompt:disabled) > div:first-child::after {335.completion_prompt_manager_popup_entry_form_control:has(#completion_prompt_manager_popup_entry_form_prompt:disabled)>div:first-child::after {
321 content: 'The content of this prompt is pulled from elsewhere and cannot be edited here.';336 content: 'The content of this prompt is pulled from elsewhere and cannot be edited here.';
322 display: block;337 display: block;
323 width: 100%;338 width: 100%;
public/scripts/PromptManager.js+1 -1
@@ -1750,7 +1750,7 @@ class PromptManager {
1750 */1750 */
1751 showPopup(area = 'edit') {1751 showPopup(area = 'edit') {
1752 const areaElement = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_' + area);1752 const areaElement = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_' + area);
1753 areaElement.style.display = 'block';1753 areaElement.style.display = 'flex';
17541754
1755 $('#' + this.configuration.prefix + 'prompt_manager_popup').first()1755 $('#' + this.configuration.prefix + 'prompt_manager_popup').first()
1756 .slideDown(200, 'swing')1756 .slideDown(200, 'swing')