From 918b23353536f95c23f9f687ff543c75e94b990e Mon Sep 17 00:00:00 2001
From: Baobhan Sith <80159437+Heavrnl@users.noreply.github.com>
Date: Wed, 16 Apr 2025 16:55:11 +0800
Subject: [PATCH] Update Terminal.vue

---
 packages/frontend/src/components/Terminal.vue | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/packages/frontend/src/components/Terminal.vue b/packages/frontend/src/components/Terminal.vue
index 12fbb25..715b415 100644
--- a/packages/frontend/src/components/Terminal.vue
+++ b/packages/frontend/src/components/Terminal.vue
@@ -204,4 +204,22 @@ defineExpose({ write });
   height: 100%; /* 高度需要由父容器控制 */
   overflow: hidden; /* 防止滚动条出现 */
 }
+
+/* 尝试直接给 screen 添加 padding */
+.terminal-container :deep(.xterm-screen) {
+  padding: 10px; /* 为终端内容区域添加内边距 */
+  box-sizing: border-box; /* 确保 padding 包含在尺寸内 */
+  /* 覆盖 xterm.css 可能设置的 position: absolute，以便 padding 生效 */
+  position: relative !important;
+  width: 100% !important;
+  height: 100% !important;
+}
+
+/* 确保 viewport 填满容器，以便 screen 的 padding 生效 */
+.terminal-container :deep(.xterm-viewport) {
+  width: 100% !important;
+  height: 100% !important;
+  /* 移除可能存在的 overflow: hidden，让 screen 的 padding 可见 */
+  overflow: visible !important;
+}
 </style>