Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-12-15 00:26:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update terminal-panel.tsx

Browse Source
This commit is contained in:
MacRimi
2025-11-22 21:26:35 +01:00
parent b1913e7204
commit c61d676dfb
1 changed files with 342 additions and 324 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
AppImage/components/terminal-panel.tsx
View File

@@ -318,7 +318,14 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
term.loadAddon(fitAddon)
term.open(container)
setTimeout(() => {
const xtermViewport = container.querySelector(".xterm-viewport") as HTMLElement
const xtermScreen = container.querySelector(".xterm-screen") as HTMLElement
if (xtermViewport) xtermViewport.style.padding = "0"
if (xtermScreen) xtermScreen.style.padding = "0"
fitAddon.fit()
}, 10)
const wsUrl = websocketUrl || getWebSocketUrl()
const ws = new WebSocket(wsUrl)
@@ -455,7 +462,17 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
const activeTerminal = terminals.find((t) => t.id === activeTerminalId)
return (
<div className="flex flex-col h-full bg-zinc-950 rounded-md overflow-hidden">
<>
<style jsx>{`
:global(.xterm .xterm-viewport) {
padding: 0 !important;
}
:global(.xterm .xterm-screen) {
padding: 0 !important;
}
`}</style>
<div className="h-full flex flex-col bg-zinc-900 rounded-md overflow-hidden">
<div className="flex items-center justify-between px-4 py-2 bg-zinc-900 border-b border-zinc-800">
<div className="flex items-center gap-3">
<Activity className="h-5 w-5 text-blue-500" />
@@ -799,5 +816,6 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
</DialogContent>
</Dialog>
</div>
</>
)
}