mirror of
https://github.com/Ark0N/Codeman.git
synced 2026-09-30 12:39:42 +02:00
fix(ui): improve monitor panel icons and width
- Change toggle icon to show ▲ when closed, ▼ when open - Update detach/attach icons: ⧉ (detach) and ⊞ (attach) - Adjust panel width to 380px Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -1797,7 +1797,7 @@ class ClaudemanApp {
|
||||
panel.style.width = '';
|
||||
panel.style.height = '';
|
||||
if (detachBtn) {
|
||||
detachBtn.innerHTML = '↗'; // Detach icon
|
||||
detachBtn.innerHTML = '⧉'; // Detach icon (two overlapping squares)
|
||||
detachBtn.title = 'Detach panel';
|
||||
}
|
||||
} else {
|
||||
@@ -1805,7 +1805,7 @@ class ClaudemanApp {
|
||||
panel.classList.add('detached');
|
||||
panel.classList.add('open'); // Ensure it's visible
|
||||
if (detachBtn) {
|
||||
detachBtn.innerHTML = '↙'; // Attach icon
|
||||
detachBtn.innerHTML = '⊞'; // Attach icon (squared plus - dock back)
|
||||
detachBtn.title = 'Attach panel';
|
||||
}
|
||||
// Setup drag functionality
|
||||
|
||||
@@ -240,8 +240,8 @@
|
||||
<div class="monitor-panel-actions">
|
||||
<button class="btn-toolbar btn-sm btn-danger" onclick="app.killAllSessions()" title="Kill all sessions and their screen processes">Kill All</button>
|
||||
<button class="btn-icon-sm" onclick="app.reconcileScreens()" title="Refresh screens">↻</button>
|
||||
<button class="btn-icon-sm" onclick="app.toggleMonitorDetach()" title="Detach/Attach panel" id="monitorDetachBtn">↗</button>
|
||||
<button class="btn-icon-sm" onclick="app.toggleMonitorPanel()" title="Toggle panel" id="monitorToggleBtn">▼</button>
|
||||
<button class="btn-icon-sm" onclick="app.toggleMonitorDetach()" title="Detach panel" id="monitorDetachBtn">⧉</button>
|
||||
<button class="btn-icon-sm" onclick="app.toggleMonitorPanel()" title="Toggle panel" id="monitorToggleBtn">▲</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="monitor-resize-handle" id="monitorResizeHandle"></div>
|
||||
|
||||
@@ -2345,7 +2345,7 @@ kbd {
|
||||
position: fixed;
|
||||
bottom: var(--toolbar-height);
|
||||
right: 0.5rem;
|
||||
width: 320px;
|
||||
width: 380px;
|
||||
max-width: calc(100vw - 1rem);
|
||||
max-height: 80vh;
|
||||
background: var(--bg-card);
|
||||
|
||||
Reference in New Issue
Block a user