Update terminal-panel.tsx

AppImage/components/terminal-panel.tsx

@@ -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>
+    </>
   )
 }