From 43e374290ea7ecff0865826d3933bbcf05aff4d3 Mon Sep 17 00:00:00 2001 From: Jinjing <6427696+AmethystLiang@users.noreply.github.com> Date: Sun, 22 Mar 2026 14:03:41 -0700 Subject: [PATCH] Fix terminal padding: add small inset to xterm container Adds 4px top-left margin with matching size reduction to prevent terminal content from touching the pane edges. Co-Authored-By: Claude Opus 4.6 --- src/renderer/src/lib/pane-manager.ts | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/renderer/src/lib/pane-manager.ts b/src/renderer/src/lib/pane-manager.ts index c34df180d1c..17d972ae036 100644 --- a/src/renderer/src/lib/pane-manager.ts +++ b/src/renderer/src/lib/pane-manager.ts @@ -339,11 +339,14 @@ export class PaneManager { container.className = 'pane' container.dataset.paneId = String(id) - // Create .xterm-container + // Create .xterm-container with small inset padding + const TERMINAL_PADDING = 4 const xtermContainer = document.createElement('div') xtermContainer.className = 'xterm-container' - xtermContainer.style.width = '100%' - xtermContainer.style.height = '100%' + xtermContainer.style.width = `calc(100% - ${TERMINAL_PADDING}px)` + xtermContainer.style.height = `calc(100% - ${TERMINAL_PADDING}px)` + xtermContainer.style.marginTop = `${TERMINAL_PADDING}px` + xtermContainer.style.marginLeft = `${TERMINAL_PADDING}px` container.appendChild(xtermContainer) // Build terminal options