fix: restore desktop Run Claude button with blue gradient, keep mobile optimizations separate

This commit is contained in:
arkon
2026-01-31 07:13:23 +01:00
parent c8d5fe0621
commit 09572ce9e2
3 changed files with 13 additions and 21 deletions
+1 -1
View File
@@ -16,7 +16,7 @@ When user says "COM":
1. Increment version in BOTH `package.json` AND `CLAUDE.md` 1. Increment version in BOTH `package.json` AND `CLAUDE.md`
2. Run: `git add -A && git commit -m "chore: bump version to X.XXXX" && git push && npm run build && systemctl --user restart claudeman-web` 2. Run: `git add -A && git commit -m "chore: bump version to X.XXXX" && git push && npm run build && systemctl --user restart claudeman-web`
**Version**: 0.1447 (must match `package.json`) **Version**: 0.1448 (must match `package.json`)
## Project Overview ## Project Overview
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "claudeman", "name": "claudeman",
"version": "0.1447", "version": "0.1448",
"description": "The missing control plane for Claude Code - run 20 autonomous agents with real-time monitoring and session persistence", "description": "The missing control plane for Claude Code - run 20 autonomous agents with real-time monitoring and session persistence",
"type": "module", "type": "module",
"main": "dist/index.js", "main": "dist/index.js",
+11 -19
View File
@@ -1858,19 +1858,20 @@ body {
background: var(--accent-hover); background: var(--accent-hover);
} }
/* Claude Button - Subtle gray styling */ /* Claude Button - Special styling (matches welcome-btn-primary) */
.btn-toolbar.btn-claude { .btn-toolbar.btn-claude {
background: var(--bg-input); background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 100%);
border-color: var(--border-light); border-color: #3b82f6;
color: var(--text); color: #e0e7ff;
font-weight: 500; font-weight: 500;
padding: 0.3rem 0.6rem; padding: 0.4rem 0.85rem;
gap: 0.3rem; gap: 0.4rem;
} }
.btn-toolbar.btn-claude:hover { .btn-toolbar.btn-claude:hover {
background: var(--bg-hover); background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
border-color: var(--accent); border-color: #3b82f6;
box-shadow: 0 0 12px rgba(59, 130, 246, 0.4);
color: #fff; color: #fff;
} }
@@ -1895,13 +1896,6 @@ body {
color: #a8d8a8; color: #a8d8a8;
} }
/* Hide Run Claude and Run Shell buttons on desktop - only show on mobile */
/* These buttons are for mobile quick access; desktop uses welcome overlay buttons */
.btn-toolbar.btn-claude,
.btn-toolbar.btn-shell {
display: none;
}
/* Button icon styling */ /* Button icon styling */
.btn-toolbar .btn-icon { .btn-toolbar .btn-icon {
display: inline-flex; display: inline-flex;
@@ -8181,9 +8175,8 @@ kbd {
color: #fff; color: #fff;
} }
/* Primary action button - Run Claude (shown on mobile only) */ /* Primary action button - Run Claude - compact for mobile */
.btn-toolbar.btn-claude { .btn-toolbar.btn-claude {
display: inline-flex !important; /* Override desktop hide */
flex: 0 0 auto; flex: 0 0 auto;
padding: 0 0.75rem !important; padding: 0 0.75rem !important;
background: var(--bg-input); background: var(--bg-input);
@@ -8204,9 +8197,8 @@ kbd {
margin-right: 4px; margin-right: 4px;
} }
/* Secondary action - Run Shell - right side (shown on mobile only) */ /* Secondary action - Run Shell - compact for mobile */
.btn-toolbar.btn-shell { .btn-toolbar.btn-shell {
display: inline-flex !important; /* Override desktop hide */
flex: 0 0 auto; flex: 0 0 auto;
background: transparent; background: transparent;
border: 1px solid rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.2);