style: darker teal on COPY FAVORITES and FULL PROMPT STATS, move Keyboard Shortcuts to Settings

This commit is contained in:
Jason Hoku
2026-04-24 11:11:44 -07:00
parent 3b8061b6f9
commit 541b73ac0d
+61 -60
View File
@@ -242,7 +242,7 @@
</div>
<button class="session-action-btn"
style="background: #00d1b2; width: 100%; font-size: 11px; padding: 10px;"
style="background: #005e52; color: #fff; width: 100%; font-size: 11px; padding: 10px;"
onclick="exportFavorites()" title="Export favorited images to benchmark_favorites folder">
COPY FAVORITES TO BENCHMARK FAVORITES FOLDER
</button>
@@ -336,7 +336,7 @@
MODEL USAGE STATS
</button>
<button class="session-action-btn"
style="background: #00d1b2; color: #000; width: 100%; font-size: 11px; padding: 10px; margin-bottom: 6px;"
style="background: #005e52; color: #fff; width: 100%; font-size: 11px; padding: 10px; margin-bottom: 6px;"
onclick="runManifestAnalysis('prompt')" title="Count full prompts with favorited vs total">
FULL PROMPT STATS
</button>
@@ -369,6 +369,65 @@
<div id="scan-status" style="margin-top: 6px; font-size: 10px; color: #666; min-height: 16px;"></div>
</div>
<!-- Section 7: Keyboard Shortcuts Reference -->
<div class="cog-panel-section">
<div class="cog-panel-section-title">KEYBOARD SHORTCUTS</div>
<table style="width: 100%; border-collapse: collapse; margin-top: 8px; font-size: 11px;">
<tr style="border-bottom: 1px solid #333;">
<td style="padding: 4px 8px; color: #0af; font-family: monospace;">Space</td>
<td style="padding: 4px 8px; color: #ccc;">Scroll down one row</td>
</tr>
<tr style="border-bottom: 1px solid #333;">
<td style="padding: 4px 8px; color: #0af; font-family: monospace;">Shift+Space</td>
<td style="padding: 4px 8px; color: #ccc;">Scroll up one row</td>
</tr>
<tr style="border-bottom: 1px solid #333;">
<td style="padding: 4px 8px; color: #0af; font-family: monospace;">Arrow Keys</td>
<td style="padding: 4px 8px; color: #ccc;">Pan in any direction</td>
</tr>
<tr style="border-bottom: 1px solid #333;">
<td style="padding: 4px 8px; color: #0af; font-family: monospace;">+ / -</td>
<td style="padding: 4px 8px; color: #ccc;">Zoom in / out</td>
</tr>
<tr style="border-bottom: 1px solid #333;">
<td style="padding: 4px 8px; color: #0af; font-family: monospace;">0</td>
<td style="padding: 4px 8px; color: #ccc;">Auto-fit first row to viewport</td>
</tr>
<tr style="border-bottom: 1px solid #333;">
<td style="padding: 4px 8px; color: #0af; font-family: monospace;">F</td>
<td style="padding: 4px 8px; color: #ccc;">Toggle fullscreen</td>
</tr>
<tr style="border-bottom: 1px solid #333;">
<td style="padding: 4px 8px; color: #0af; font-family: monospace;">R</td>
<td style="padding: 4px 8px; color: #ccc;">Reload session</td>
</tr>
<tr style="border-bottom: 1px solid #333;">
<td style="padding: 4px 8px; color: #0af; font-family: monospace;">1-9</td>
<td style="padding: 4px 8px; color: #ccc;">Quick favorite Nth visible card</td>
</tr>
<tr style="border-bottom: 1px solid #333;">
<td style="padding: 4px 8px; color: #0af; font-family: monospace;">Shift+0-9</td>
<td style="padding: 4px 8px; color: #ccc;">Set column count (0 = auto)</td>
</tr>
<tr style="border-bottom: 1px solid #333;">
<td style="padding: 4px 8px; color: #0af; font-family: monospace;">Ctrl+S</td>
<td style="padding: 4px 8px; color: #ccc;">Save (forwarded to ComfyUI)</td>
</tr>
<tr style="border-bottom: 1px solid #333;">
<td style="padding: 4px 8px; color: #0af; font-family: monospace;">Escape</td>
<td style="padding: 4px 8px; color: #ccc;">Close modal / lightbox</td>
</tr>
<tr style="border-bottom: 1px solid #333;">
<td style="padding: 4px 8px; color: #0af; font-family: monospace;">Double-click</td>
<td style="padding: 4px 8px; color: #ccc;">Toggle favorite on card</td>
</tr>
<tr>
<td style="padding: 4px 8px; color: #0af; font-family: monospace;">Shift+Click</td>
<td style="padding: 4px 8px; color: #ccc;">Isolate a single filter</td>
</tr>
</table>
</div>
</div>
</div>
@@ -512,64 +571,6 @@
</div>
</div>
<!-- Keyboard Shortcuts Reference -->
<div class="popup-section">
<div class="popup-section-title">KEYBOARD SHORTCUTS</div>
<table style="width: 100%; border-collapse: collapse; margin-top: 8px; font-size: 11px;">
<tr style="border-bottom: 1px solid #333;">
<td style="padding: 4px 8px; color: #0af; font-family: monospace;">Space</td>
<td style="padding: 4px 8px; color: #ccc;">Scroll down one row</td>
</tr>
<tr style="border-bottom: 1px solid #333;">
<td style="padding: 4px 8px; color: #0af; font-family: monospace;">Shift+Space</td>
<td style="padding: 4px 8px; color: #ccc;">Scroll up one row</td>
</tr>
<tr style="border-bottom: 1px solid #333;">
<td style="padding: 4px 8px; color: #0af; font-family: monospace;">Arrow Keys</td>
<td style="padding: 4px 8px; color: #ccc;">Pan in any direction</td>
</tr>
<tr style="border-bottom: 1px solid #333;">
<td style="padding: 4px 8px; color: #0af; font-family: monospace;">+ / -</td>
<td style="padding: 4px 8px; color: #ccc;">Zoom in / out</td>
</tr>
<tr style="border-bottom: 1px solid #333;">
<td style="padding: 4px 8px; color: #0af; font-family: monospace;">0</td>
<td style="padding: 4px 8px; color: #ccc;">Auto-fit first row to viewport</td>
</tr>
<tr style="border-bottom: 1px solid #333;">
<td style="padding: 4px 8px; color: #0af; font-family: monospace;">F</td>
<td style="padding: 4px 8px; color: #ccc;">Toggle fullscreen</td>
</tr>
<tr style="border-bottom: 1px solid #333;">
<td style="padding: 4px 8px; color: #0af; font-family: monospace;">R</td>
<td style="padding: 4px 8px; color: #ccc;">Reload session</td>
</tr>
<tr style="border-bottom: 1px solid #333;">
<td style="padding: 4px 8px; color: #0af; font-family: monospace;">1-9</td>
<td style="padding: 4px 8px; color: #ccc;">Quick favorite Nth visible card</td>
</tr>
<tr style="border-bottom: 1px solid #333;">
<td style="padding: 4px 8px; color: #0af; font-family: monospace;">Shift+0-9</td>
<td style="padding: 4px 8px; color: #ccc;">Set column count (0 = auto)</td>
</tr>
<tr style="border-bottom: 1px solid #333;">
<td style="padding: 4px 8px; color: #0af; font-family: monospace;">Ctrl+S</td>
<td style="padding: 4px 8px; color: #ccc;">Save (forwarded to ComfyUI)</td>
</tr>
<tr style="border-bottom: 1px solid #333;">
<td style="padding: 4px 8px; color: #0af; font-family: monospace;">Escape</td>
<td style="padding: 4px 8px; color: #ccc;">Close modal / lightbox</td>
</tr>
<tr style="border-bottom: 1px solid #333;">
<td style="padding: 4px 8px; color: #0af; font-family: monospace;">Double-click</td>
<td style="padding: 4px 8px; color: #ccc;">Toggle favorite on card</td>
</tr>
<tr>
<td style="padding: 4px 8px; color: #0af; font-family: monospace;">Shift+Click</td>
<td style="padding: 4px 8px; color: #ccc;">Isolate a single filter</td>
</tr>
</table>
</div>
</div>
</div>