extern/easydiffusion
1
0
Fork 1
mirror of https://github.com/easydiffusion/easydiffusion.git synced 2025-05-05 16:55:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

Move the image modifers toolbar back to the top

Browse Source
This commit is contained in:
cmdr2 2022-10-21 14:54:45 +05:30
parent a53bac1a94
commit eb1a276e60
2 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/index.html
View File

@ -204,6 +204,7 @@
<button id="modifier-settings-btn" title="Add custom modifiers"><i class="fa fa-gear"></i></button> <button id="modifier-settings-btn" title="Add custom modifiers"><i class="fa fa-gear"></i></button>
<h4 class="collapsible">Image Modifiers (art styles, tags etc)</h4> <h4 class="collapsible">Image Modifiers (art styles, tags etc)</h4>
<div id="editor-modifiers-entries" class="collapsible-content"> <div id="editor-modifiers-entries" class="collapsible-content">
<div id="editor-modifiers-entries-toolbar">
<label for="preview-image">Image Style:</label> <label for="preview-image">Image Style:</label>
<select id="preview-image" name="preview-image" value="portrait"> <select id="preview-image" name="preview-image" value="portrait">
<option value="portrait" selected="">Face</option> <option value="portrait" selected="">Face</option>
@ -215,6 +216,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div id="preview" class="col-free"> <div id="preview" class="col-free">
<div id="initial-text"> <div id="initial-text">
@ -263,7 +265,7 @@
<script src="media/js/plugins.js?v=1"></script> <script src="media/js/plugins.js?v=1"></script>
<script src="media/js/utils.js?v=3"></script> <script src="media/js/utils.js?v=3"></script>
<script src="media/js/inpainting-editor.js?v=1"></script> <script src="media/js/inpainting-editor.js?v=1"></script>
<script src="media/js/image-modifiers.js?v=2"></script> <script src="media/js/image-modifiers.js?v=3"></script>
<script src="media/js/auto-save.js?v=1"></script> <script src="media/js/auto-save.js?v=1"></script>
<script src="media/js/main.js?v=3"></script> <script src="media/js/main.js?v=3"></script>
<script src="media/js/themes.js?v=1"></script> <script src="media/js/themes.js?v=1"></script>

3
ui/media/js/image-modifiers.js
View File

@ -10,6 +10,7 @@ let previewImageField = document.querySelector('#preview-image')
let modifierSettingsBtn = document.querySelector('#modifier-settings-btn') let modifierSettingsBtn = document.querySelector('#modifier-settings-btn')
let modifierSettingsOverlay = document.querySelector('#modifier-settings-config') let modifierSettingsOverlay = document.querySelector('#modifier-settings-config')
let customModifiersTextBox = document.querySelector('#custom-modifiers-input') let customModifiersTextBox = document.querySelector('#custom-modifiers-input')
let customModifierEntriesToolbar = document.querySelector('#editor-modifiers-entries-toolbar')
const modifierThumbnailPath = 'media/modifier-thumbnails' const modifierThumbnailPath = 'media/modifier-thumbnails'
const activeCardClass = 'modifier-card-active' const activeCardClass = 'modifier-card-active'
@ -120,7 +121,7 @@ function createModifierGroup(modifierGroup, initiallyExpanded) {
e.appendChild(titleEl) e.appendChild(titleEl)
e.appendChild(modifiersEl) e.appendChild(modifiersEl)
editorModifierEntries.insertBefore(e, editorModifierEntries.firstChild) editorModifierEntries.insertBefore(e, customModifierEntriesToolbar.nextSibling)
return e return e
} }