Remove header toolbar from terminal page
This commit is contained in:
38
src/App.tsx
38
src/App.tsx
@@ -165,44 +165,6 @@ function App() {
|
||||
|
||||
return (
|
||||
<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 && (
|
||||
<div className="px-4 py-2 bg-[#3c3c3c] text-[#f14c4c] text-sm">
|
||||
|
||||
Reference in New Issue
Block a user