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

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/web/public/styles.css
+11 -19
View File
@@ -1858,19 +1858,20 @@ body {
background: var(--accent-hover);
}
/* Claude Button - Subtle gray styling */
/* Claude Button - Special styling (matches welcome-btn-primary) */
.btn-toolbar.btn-claude {
background: var(--bg-input);
border-color: var(--border-light);
color: var(--text);
background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 100%);
border-color: #3b82f6;
color: #e0e7ff;
font-weight: 500;
padding: 0.3rem 0.6rem;
gap: 0.3rem;
padding: 0.4rem 0.85rem;
gap: 0.4rem;
}
.btn-toolbar.btn-claude:hover {
background: var(--bg-hover);
border-color: var(--accent);
background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
border-color: #3b82f6;
box-shadow: 0 0 12px rgba(59, 130, 246, 0.4);
color: #fff;
}
@@ -1895,13 +1896,6 @@ body {
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 */
.btn-toolbar .btn-icon {
display: inline-flex;
@@ -8181,9 +8175,8 @@ kbd {
color: #fff;
}
/* Primary action button - Run Claude (shown on mobile only) */
/* Primary action button - Run Claude - compact for mobile */
.btn-toolbar.btn-claude {
display: inline-flex !important; /* Override desktop hide */
flex: 0 0 auto;
padding: 0 0.75rem !important;
background: var(--bg-input);
@@ -8204,9 +8197,8 @@ kbd {
margin-right: 4px;
}
/* Secondary action - Run Shell - right side (shown on mobile only) */
/* Secondary action - Run Shell - compact for mobile */
.btn-toolbar.btn-shell {
display: inline-flex !important; /* Override desktop hide */
flex: 0 0 auto;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.2);