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 (
|
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">
|
||||||
|
|||||||
Reference in New Issue
Block a user