fix: remove disconnected indicator, add button spacing and min-width

This commit is contained in:
Nathan Flurry 2026-01-25 13:24:12 -08:00
parent 2e47f9cf8d
commit 0b76ec9f3e
2 changed files with 7 additions and 8 deletions

View file

@ -399,7 +399,7 @@
.sidebar-header-actions {
display: flex;
align-items: center;
gap: 4px;
gap: 8px;
}
.sidebar-icon-btn {
@ -603,6 +603,11 @@
line-height: 1.5;
}
.empty-state .button {
margin-top: 16px;
min-width: 180px;
}
.message {
display: flex;
gap: 10px;

View file

@ -713,12 +713,6 @@ export default function App() {
<div className="logo">SA</div>
<span className="header-title">Sandbox Agent</span>
</div>
<div className="header-right">
<div className="status-indicator disconnected">
<span className="status-dot" />
Disconnected
</div>
</div>
</header>
<main className="landing">
@ -872,7 +866,7 @@ export default function App() {
<p className="empty-state-text">
Create a new session to start chatting with an agent.
</p>
<button className="button primary" onClick={createNewSession} style={{ marginTop: 16 }}>
<button className="button primary" onClick={createNewSession}>
<Plus className="button-icon" />
Create Session
</button>