From 49bf1c6df97cef1723ec11fd19de7ff6f45b577e Mon Sep 17 00:00:00 2001
From: Konv Suu <2583695112@qq.com>
Date: Sun, 3 Aug 2025 17:49:53 +0800
Subject: [PATCH] Improve xterm scrollbar styling and container height

---
 src/components/terminal/terminal.css | 7 ++-----
 src/components/terminal/terminal.tsx | 2 +-
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/components/terminal/terminal.css b/src/components/terminal/terminal.css
index 425ad78d7..6f1459d82 100644
--- a/src/components/terminal/terminal.css
+++ b/src/components/terminal/terminal.css
@@ -3,7 +3,6 @@
   position: relative;
   overflow: hidden;
   padding-left: 16px; /* Only add left padding */
-  padding-right: 8px;
 }
 
 /* Ensure xterm doesn't overflow its container */
@@ -31,9 +30,7 @@
 }
 
 .xterm-container .xterm-viewport::-webkit-scrollbar-track {
-  background-color: var(--color-hover);
-  border-radius: 6px;
-  margin: 4px;
+  border-left: 1px solid var(--color-border);
 }
 
 .xterm-container .xterm-viewport::-webkit-scrollbar-thumb {
@@ -74,4 +71,4 @@
 /* Override xterm cursor when hovering links */
 .xterm.xterm-cursor-pointer {
   cursor: pointer !important;
-}
\ No newline at end of file
+}
diff --git a/src/components/terminal/terminal.tsx b/src/components/terminal/terminal.tsx
index 351e67bff..2d806411b 100644
--- a/src/components/terminal/terminal.tsx
+++ b/src/components/terminal/terminal.tsx
@@ -699,7 +699,7 @@ export const XtermTerminal: React.FC<XtermTerminalProps> = ({
         id={`terminal-${sessionId}`}
         className={cn("xterm-container", "w-full", "text-text", !isActive && "opacity-60")}
         style={{
-          height: "calc(100% - 40px)", // Subtract footer height to prevent content going below
+          height: "calc(100% - 1px)", // Subtract footer height to prevent content going below
         }}
       />
     </div>