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 {
display: none;
padding: 0.5em;
height: 100%;
display: flex;
flex-direction: column;
}
#completion_prompt_manager_popup .completion_prompt_manager_popup_entry {
padding: 1em;
margin-top: 2em;
padding: 0.5em;
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 {
padding: 1em;
padding: 0.5em;
}
#completion_prompt_manager_popup #completion_prompt_manager_popup_entry_form_inspect_list {
@ -248,7 +267,7 @@
}
#completion_prompt_manager_footer_append_prompt {
font-size: 16px;
font-size: 1em;
}
#prompt-manager-export-format-popup {
@ -303,10 +322,6 @@
justify-content: space-between;
}
#prompt-manager-export-format-popup span {
font-size: 16px;
}
@media screen and (max-width: 412px) {
#completion_prompt_manager_popup {
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.';
display: block;
width: 100%;

View File

@ -1750,7 +1750,7 @@ class PromptManager {
*/
showPopup(area = 'edit') {
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()
.slideDown(200, 'swing')