Adjust PM editor styles

This commit is contained in:
Cohee 2024-09-23 23:11:28 +03:00
parent a408328fc6
commit 780f2f712e
2 changed files with 25 additions and 10 deletions

View File

@ -91,15 +91,34 @@
#completion_prompt_manager_popup #completion_prompt_manager_popup_inspect { #completion_prompt_manager_popup #completion_prompt_manager_popup_inspect {
display: none; display: none;
padding: 0.5em; padding: 0.5em;
height: 100%;
display: flex;
flex-direction: column;
} }
#completion_prompt_manager_popup .completion_prompt_manager_popup_entry { #completion_prompt_manager_popup .completion_prompt_manager_popup_entry {
padding: 1em; padding: 0.5em;
margin-top: 2em; flex: 1;
}
#completion_prompt_manager_popup .completion_prompt_manager_popup_entry_form {
height: 100%;
display: flex;
flex-direction: column;
}
#completion_prompt_manager_popup .completion_prompt_manager_popup_entry_form_control:has(#completion_prompt_manager_popup_entry_form_prompt) {
flex: 1;
display: flex;
flex-direction: column;
}
#completion_prompt_manager_popup #completion_prompt_manager_popup_entry_form_prompt {
flex: 1;
} }
#completion_prompt_manager_popup #completion_prompt_manager_popup_inspect .completion_prompt_manager_popup_entry { #completion_prompt_manager_popup #completion_prompt_manager_popup_inspect .completion_prompt_manager_popup_entry {
padding: 1em; padding: 0.5em;
} }
#completion_prompt_manager_popup #completion_prompt_manager_popup_entry_form_inspect_list { #completion_prompt_manager_popup #completion_prompt_manager_popup_entry_form_inspect_list {
@ -248,7 +267,7 @@
} }
#completion_prompt_manager_footer_append_prompt { #completion_prompt_manager_footer_append_prompt {
font-size: 16px; font-size: 1em;
} }
#prompt-manager-export-format-popup { #prompt-manager-export-format-popup {
@ -303,10 +322,6 @@
justify-content: space-between; justify-content: space-between;
} }
#prompt-manager-export-format-popup span {
font-size: 16px;
}
@media screen and (max-width: 412px) { @media screen and (max-width: 412px) {
#completion_prompt_manager_popup { #completion_prompt_manager_popup {
max-width: 100%; max-width: 100%;
@ -317,7 +332,7 @@
} }
} }
.completion_prompt_manager_popup_entry_form_control:has(#completion_prompt_manager_popup_entry_form_prompt:disabled) > div:first-child::after { .completion_prompt_manager_popup_entry_form_control:has(#completion_prompt_manager_popup_entry_form_prompt:disabled)>div:first-child::after {
content: 'The content of this prompt is pulled from elsewhere and cannot be edited here.'; content: 'The content of this prompt is pulled from elsewhere and cannot be edited here.';
display: block; display: block;
width: 100%; width: 100%;

View File

@ -1750,7 +1750,7 @@ class PromptManager {
*/ */
showPopup(area = 'edit') { showPopup(area = 'edit') {
const areaElement = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_' + area); const areaElement = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_' + area);
areaElement.style.display = 'block'; areaElement.style.display = 'flex';
$('#' + this.configuration.prefix + 'prompt_manager_popup').first() $('#' + this.configuration.prefix + 'prompt_manager_popup').first()
.slideDown(200, 'swing') .slideDown(200, 'swing')