fix: move recorder launch into bottom bar (Mind->Record in poker mode)

The floating +Hand button overlapped the chat send button. Replace it with a
Record tab that swaps in for Mind only in poker (cash) mode, via body.cash-mode
CSS toggle. Other modes keep Mind; Record stays hidden.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-06-27 04:23:28 +00:00
parent 50bcb5533f
commit 2bd5b7fd26
2 changed files with 10 additions and 17 deletions
+6 -9
View File
@@ -123,12 +123,9 @@
.rec-pk-foot { display: flex; justify-content: space-between; margin-top: 12px; }
.rec-pk-foot button { background: var(--bg-dark, #070707); color: var(--text-fade, #8a8a8a); border: 1px solid var(--border, #2a1d12); border-radius: 8px; padding: 9px 14px; font-size: .85rem; }
/* floating launcher (V1) */
#recLaunch {
position: fixed; right: 16px; bottom: 84px; z-index: 900;
background: var(--accent, #ff7a00); color: #111; border: none;
border-radius: 22px; padding: 11px 16px; font-weight: 700; font-size: .9rem;
font-family: var(--font-console, ui-monospace, monospace);
box-shadow: 0 3px 12px rgba(0,0,0,.4);
}
body.kb #recLaunch { display: none; } /* hide when the keyboard is up */
/* The Record tab swaps in for Mind in the bottom bar, but only in poker (cash) mode.
body.cash-mode is toggled on mode change in index.html. */
#tabbar .tab-rec { display: none; }
body.cash-mode #tabbar .tab-rec { display: flex; }
body.cash-mode #tabbar .tab-mind { display: none; }
#tabbar .tab-rec .ti { color: var(--accent, #ff7a00); filter: none; }