simple css fix for prompt edit

This commit is contained in:
ouoertheo 2023-07-27 07:26:05 -05:00
parent bed6b2d777
commit 111b91b1ed
2 changed files with 14 additions and 7 deletions

View File

@ -372,8 +372,6 @@ function onEditPromptClick() {
let popupText = '' let popupText = ''
popupText += ` popupText += `
<div class="objective_prompt_modal"> <div class="objective_prompt_modal">
<div class="alignitemsflexstart flex-container">
</div>
<div> <div>
<label for="objective-prompt-generate">Generation Prompt</label> <label for="objective-prompt-generate">Generation Prompt</label>
<textarea id="objective-prompt-generate" type="text" class="text_pole textarea_compact" rows="8"></textarea> <textarea id="objective-prompt-generate" type="text" class="text_pole textarea_compact" rows="8"></textarea>
@ -382,12 +380,14 @@ function onEditPromptClick() {
<label for="objective-prompt-extension-prompt">Injected Prompt</label> <label for="objective-prompt-extension-prompt">Injected Prompt</label>
<textarea id="objective-prompt-extension-prompt" type="text" class="text_pole textarea_compact" rows="8"></textarea> <textarea id="objective-prompt-extension-prompt" type="text" class="text_pole textarea_compact" rows="8"></textarea>
</div> </div>
<div class="alignitemsflexstart flex-container"> <div class="objective_prompt_block">
<input id="objective-custom-prompt-name" type="text" class="flex1 heightFitContent text_pole widthNatural" maxlength="250" placeholder="Custom Prompt Name"> <input id="objective-custom-prompt-name" style="flex-grow:2" type="text" class="flex1 heightFitContent text_pole widthNatural" maxlength="250" placeholder="Custom Prompt Name">
<input id="objective-custom-prompt-save" class="menu_button" type="submit" value="Save Custom Prompt" /> <input id="objective-custom-prompt-save" style="flex-grow:1" class="menu_button" type="submit" value="Save Prompt" />
<label for="objective-prompt-load"> Load Prompt </label> </div>
<div class="objective_prompt_block">
<label for="objective-prompt-load">Load Prompt</label>
<select id="objective-prompt-load"><select> <select id="objective-prompt-load"><select>
<input id="objective-custom-prompt-delete" class="menu_button" type="submit" value="Delete Custom Prompt" /> <input id="objective-custom-prompt-delete" class="menu_button" type="submit" value="Delete Prompt" />
</div> </div>
</div>` </div>`
callPopup(popupText, 'text') callPopup(popupText, 'text')

View File

@ -10,6 +10,13 @@
flex-wrap: wrap; flex-wrap: wrap;
} }
.objective_prompt_block {
display: flex;
align-items: baseline;
column-gap: 5px;
flex-wrap: wrap;
}
.objective_block_control { .objective_block_control {
align-items: baseline; align-items: baseline;
} }