Remove header toolbar from terminal page

This commit is contained in:
2026-03-19 22:47:31 +08:00
parent e64d63e8b9
commit cd18e76b2d

View File

@@ -165,44 +165,6 @@ function App() {
return ( return (
<div className="h-screen w-screen flex flex-col bg-[#1e1e1e]"> <div className="h-screen w-screen flex flex-col bg-[#1e1e1e]">
{/* Header / Toolbar */}
<div className="flex items-center gap-4 p-3 bg-[#252526] border-b border-[#3c3c3c]">
<span className="text-sm font-medium text-[#cccccc]">Terminal</span>
<div className="flex items-center gap-2">
<input
type="text"
value={inputCwd}
onChange={(e) => setInputCwd(e.target.value)}
placeholder="Working directory..."
className="px-3 py-1.5 text-sm bg-[#3c3c3c] text-[#d4d4d4] border border-[#3c3c3c] rounded focus:outline-none focus:border-[#007acc] w-64"
/>
<button
onClick={handleConnect}
disabled={isConnecting}
className="px-3 py-1.5 text-sm bg-[#0e639c] text-white rounded hover:bg-[#1177bb] disabled:opacity-50 disabled:cursor-not-allowed"
>
{isConnecting ? 'Connecting...' : 'Connect'}
</button>
</div>
<div className="flex items-center gap-2 ml-auto">
<span className={`w-2 h-2 rounded-full ${isConnected ? 'bg-[#4ec9b0]' : 'bg-[#f14c4c]'}`} />
<span className="text-xs text-[#808080]">
{isConnected ? 'Connected' : isConnecting ? 'Connecting...' : 'Disconnected'}
</span>
</div>
{isConnected && (
<button
onClick={handleDisconnect}
className="px-3 py-1.5 text-sm bg-[#3c3c3c] text-[#d4d4d4] rounded hover:bg-[#4c4c4c]"
>
Disconnect
</button>
)}
</div>
{/* Error message */} {/* Error message */}
{error && ( {error && (
<div className="px-4 py-2 bg-[#3c3c3c] text-[#f14c4c] text-sm"> <div className="px-4 py-2 bg-[#3c3c3c] text-[#f14c4c] text-sm">