dirtydishes/islandflow
1
0
Fork 0
Code Issues 2 Pull requests 4 Projects Releases Packages Wiki Activity Actions 1

Tighten terminal topbar layout

Browse source
This commit is contained in:
dirtydishes 2026-04-27 12:02:50 -04:00
parent af46f15d6f
commit 824b7f2fa0
2 changed files with 86 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

56
apps/web/app/terminal.tsx
View file

@ -4066,30 +4066,38 @@ export function TerminalAppShell({ children }: { children: ReactNode }) {
<div className="terminal-frame">
<header className="terminal-topbar">
<FeedStatusBar />
<div className="terminal-topbar-controls">
<label className="terminal-filter">
<span className="terminal-filter-label">Filter</span>
<span className="terminal-filter-field">
<input
className="terminal-input"
value={state.filterInput}
onChange={(event) => state.setFilterInput(event.target.value)}
placeholder="SPY, NVDA, AAPL"
spellCheck={false}
/>
</span>
</label>
<button
className="terminal-button"
type="button"
onClick={() => state.setFilterInput("")}
disabled={state.filterInput.trim().length === 0}
>
Clear
</button>
<button className="terminal-button terminal-button-primary" type="button" onClick={state.toggleMode}>
{state.mode === "live" ? "Replay" : "Live"}
</button>
<div className="terminal-topbar-actions">
<div className="terminal-topbar-controls">
<label className="terminal-filter">
<span className="terminal-filter-label">Filter</span>
<span className="terminal-filter-field">
<input
className="terminal-input"
value={state.filterInput}
onChange={(event) => state.setFilterInput(event.target.value)}
placeholder="SPY, NVDA, AAPL"
spellCheck={false}
/>
</span>
</label>
<button
className="terminal-button"
type="button"
onClick={() => state.setFilterInput("")}
disabled={state.filterInput.trim().length === 0}
>
Clear
</button>
</div>
<div className="terminal-topbar-mode">
<button
className="terminal-button terminal-button-primary"
type="button"
onClick={state.toggleMode}
>
{state.mode === "live" ? "Replay" : "Live"}
</button>
</div>
</div>
</header>