From a1f0addafb4ab953b39726abe0b7c04ab22df060 Mon Sep 17 00:00:00 2001
From: kangfenmao <kangfenmao@qq.com>
Date: Mon, 15 Dec 2025 10:09:51 +0800
Subject: [PATCH] fix: update MCPSettings layout and styling

- Increased maxHeight of the modal body to 70vh for improved visibility.
- Changed LogList to extend Scrollbar for better scrolling experience.
- Updated LogItem background color to use a more appropriate variable for consistency.
---
 .../src/pages/settings/MCPSettings/McpSettings.tsx        | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/renderer/src/pages/settings/MCPSettings/McpSettings.tsx b/src/renderer/src/pages/settings/MCPSettings/McpSettings.tsx
index 30b7b45f30..d4fc9aeb36 100644
--- a/src/renderer/src/pages/settings/MCPSettings/McpSettings.tsx
+++ b/src/renderer/src/pages/settings/MCPSettings/McpSettings.tsx
@@ -817,7 +817,7 @@ const McpSettings: React.FC = () => {
         width={720}
         centered
         transitionName="animation-move-down"
-        bodyStyle={{ maxHeight: '60vh', minHeight: '40vh', overflowY: 'auto' }}
+        bodyStyle={{ maxHeight: '70vh', minHeight: '40vh', overflowY: 'auto' }}
         afterOpenChange={(open) => {
           if (open) {
             fetchServerLogs()
@@ -861,14 +861,16 @@ const AdvancedSettingsButton = styled.div`
   align-items: center;
 `
 
-const LogList = styled.div`
+const LogList = styled(Scrollbar)`
   display: flex;
   flex-direction: column;
   gap: 12px;
+  padding-bottom: 15px;
+  padding-top: 5px;
 `
 
 const LogItem = styled.div`
-  background: var(--color-bg-2, #1f1f1f);
+  background: var(--color-background-mute, #1f1f1f);
   color: var(--color-text-1, #e6e6e6);
   border-radius: 8px;
   padding: 10px 12px;