BitSquare/Codeman
2
0
Fork 0
mirror of https://github.com/Ark0N/Codeman.git synced 2026-10-08 08:29:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: improve UI - larger monitor, cleaner close modal, remove toolbar buttons

Browse Source 
- Monitor panel now 500px wide and 80vh max height
- Removed Copy, Clear, Monitor, Kill buttons from toolbar
- Redesigned close session modal with cleaner options:
  - "Remove Tab" keeps screen running
  - "Kill Claude" terminates completely
- Auto-switch to new session when created

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
arkon
2026-01-19 04:55:51 +01:00
co-authored by Claude Opus 4.5
parent 0245f61c37
commit c058395c3e
4 changed files with 93 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/public/styles.css
+62 -3
View File
@@ -850,7 +850,7 @@ body {
}
.modal-content.modal-sm {
max-width: 320px;
max-width: 340px;
}
.modal-warning-text {
@@ -859,6 +859,65 @@ body {
margin-bottom: 0.5rem;
}
/* Close Session Options */
.close-options {
display: flex;
flex-direction: column;
gap: 0.5rem;
margin-bottom: 1rem;
}
.close-option {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0.75rem 1rem;
background: var(--bg-hover);
border: 1px solid var(--border);
border-radius: 6px;
cursor: pointer;
transition: all 0.15s;
text-align: left;
}
.close-option:hover {
background: var(--bg-card);
border-color: var(--accent);
}
.close-option-danger {
border-color: var(--red);
background: rgba(239, 68, 68, 0.1);
}
.close-option-danger:hover {
background: rgba(239, 68, 68, 0.2);
border-color: var(--red);
}
.close-option-title {
font-weight: 500;
font-size: 0.9rem;
color: var(--text);
}
.close-option-danger .close-option-title {
color: var(--red);
}
.close-option-desc {
font-size: 0.75rem;
color: var(--text-muted);
margin-top: 0.15rem;
}
.modal-footer-cancel {
display: flex;
justify-content: center;
padding-top: 0.5rem;
border-top: 1px solid var(--border);
}
.modal-session-name {
font-family: 'SF Mono', Monaco, monospace;
font-size: 0.8rem;
@@ -1420,9 +1479,9 @@ kbd {
position: fixed;
bottom: var(--toolbar-height);
right: 0.5rem;
width: 420px;
width: 500px;
max-width: calc(100vw - 1rem);
max-height: 60vh;
max-height: 80vh;
background: var(--bg-card);
border: 1px solid var(--border);
border-bottom: none;