Hynes/Void-Homelab
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(chat): add Send button to agent composers (mobile fix)

Browse Source 
Soft keyboards have no reliable Enter-to-send, so chat was unsendable on
mobile browsers. Add an optional themed Send button wired through
wireAgentChat (Enter-to-send kept for desktop), applied to the Companion
rail, Yerin, and Little Blue composers. Blackflame-styled, flex-row layout.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
root
2026-06-05 08:25:05 +10:00
parent 3c028fed5a
commit c2569cad76
5 changed files with 31 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
public/style.css
View File

@@ -364,8 +364,15 @@ ul.plain li:last-child { border-bottom: none; }
.draftx .ok { background:#2a6f4f; color:#d9ffe9; border:none; border-radius:6px; padding:4px 12px; }
.draftx .no { background:#2a2f3d; color:#aeb6c7; border:none; border-radius:6px; padding:4px 12px; }
.draftx.resolved { opacity:.55; } .resolved-tag { font-size: 11px; text-transform:uppercase; color:#7d869b; margin-top:6px; }
.rail-inputwrap { border-top:1px solid var(--border,#262b38); padding:9px 12px; }
.rail-input { width:100%; resize:none; background:#0c0e14; color:#c9d1e0; border:1px solid #262b38; border-radius:8px; padding:7px 9px; }
.rail-inputwrap { border-top:1px solid var(--border,#262b38); padding:9px 12px; display:flex; align-items:flex-end; gap:7px; }
.rail-input { flex:1 1 auto; min-width:0; width:100%; resize:none; background:#0c0e14; color:#c9d1e0; border:1px solid #262b38; border-radius:8px; padding:7px 9px; }
.rail-send { flex:0 0 auto; width:38px; height:36px; display:inline-flex; align-items:center; justify-content:center;
background:var(--accent,#ff4f2e); color:#fff; border:none; border-radius:8px; cursor:pointer;
font-size:15px; line-height:1; box-shadow:0 0 0 1px rgba(255,79,46,.25), 0 2px 8px rgba(255,79,46,.18);
transition:filter .12s ease, transform .06s ease; }
.rail-send:hover { filter:brightness(1.12); }
.rail-send:active { transform:translateY(1px); }
.rail-send:disabled { opacity:.45; cursor:default; box-shadow:none; }
.err { color:#e08a8a; font-size: 13px; }
#shell.rail-collapsed .rail-chat { display:none; }