nodes/mudknight-comfyui-mudknight-utils
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Moved delete modal buttons, fixed text areas, fixed category collapse

Browse Source
This commit is contained in:
mudknight
2025-12-30 04:37:52 -08:00
parent 60edd98ea9
commit dfe8a73d8a
2 changed files with 21 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/character_editor.html
+12 -12
View File
@@ -82,9 +82,6 @@
<label style="display: block; margin-bottom: 5px;">Character Name</label>
<input type="text" id="editCharNameInput" class="name-input" style="margin: 0;" />
</div>
<button class="delete" onclick="deleteCurrentCharacter()">
Delete
</button>
</div>
<div class="field-group">
<label>Character Image</label>
@@ -108,15 +105,15 @@
</div>
<div class="field-group">
<label>Top</label>
<input type="text" id="editTop">
<textarea id="editTop"></textarea>
</div>
<div class="field-group">
<label>Bottom</label>
<input type="text" id="editBottom">
<textarea id="editBottom"></textarea>
</div>
<div class="field-group">
<label>Negative</label>
<input type="text" id="editNeg">
<textarea id="editNeg"></textarea>
</div>
<div class="field-group">
<label>Categories (comma-separated)</label>
@@ -124,6 +121,9 @@
placeholder="e.g., idolmaster, blue archive, genshin impact">
</div>
<div class="modal-actions">
<button class="delete" onclick="deleteCurrentCharacter()">
Delete
</button>
<button onclick="hideEditModal()">Cancel</button>
<button class="save" onclick="saveCharacter()">
Save Changes
@@ -141,9 +141,6 @@
<label style="display: block; margin-bottom: 5px;">Model Name</label>
<input type="text" id="editModelNameInput" class="name-input" style="margin: 0;" />
</div>
<button class="delete" onclick="deleteCurrentItem('model')">
Delete
</button>
</div>
<div class="field-group">
<label>Quality Positive</label>
@@ -162,6 +159,9 @@
<input type="text" id="editModelEmbedNeg">
</div>
<div class="modal-actions">
<button class="delete" onclick="deleteCurrentItem('model')">
Delete
</button>
<button onclick="hideEditModal('model')">Cancel</button>
<button class="save" onclick="saveItem('model')">
Save Changes
@@ -178,9 +178,6 @@
<label style="display: block; margin-bottom: 5px;">Style Name</label>
<input type="text" id="editStyleNameInput" class="name-input" style="margin: 0;" />
</div>
<button class="delete" onclick="deleteCurrentItem('style')">
Delete
</button>
</div>
<div class="field-group">
<label>Style Image</label>
@@ -207,6 +204,9 @@
<textarea id="editStyleNeg"></textarea>
</div>
<div class="modal-actions">
<button class="delete" onclick="deleteCurrentItem('style')">
Delete
</button>
<button onclick="hideEditModal('style')">Cancel</button>
<button class="save" onclick="saveItem('style')">
Save Changes
web/style.css
+9 -21
View File
@@ -73,6 +73,7 @@ button:hover {
button.delete {
background: #e74c3c;
margin-right: auto;
}
button.delete:hover {
@@ -266,23 +267,6 @@ button.save:hover {
background: rgba(46, 204, 113, 0.05);
}
.name-input {
flex: 1;
background: #1a1a1a;
border: 1px solid #3a3a3a;
border-radius: 4px;
color: #fff;
font-size: 18px;
font-weight: 600;
padding: 8px 12px;
margin-right: 10px;
}
.name-input:focus {
outline: none;
border-color: #4a9eff;
}
.modal-header {
font-size: 20px;
margin-bottom: 20px;
@@ -554,14 +538,18 @@ textarea {
/* Responsive adjustments */
@media (max-width: 768px) {
.content-with-sidebar {
flex-direction: column;
flex-direction: row; /* Keep it horizontal */
}
.sidebar {
width: 100%;
position: static;
display: none; /* Hide sidebar on narrow viewports */
}
.main-content {
width: 100%; /* Main content takes full width */
}
}
/* Autocomplete */
.autocomplete-dropdown {
position: absolute;