From 381397ed316a18784caa9f9fe6de9772e34f098a Mon Sep 17 00:00:00 2001
From: icarus <eurfelux@gmail.com>
Date: Mon, 22 Sep 2025 13:59:05 +0800
Subject: [PATCH] style(AgentSettings): remove overflow-y scroll and adjust
 overflow settings

Update overflow behavior in settings components to use auto instead of scroll
and add right padding to prevent content clipping
---
 src/renderer/src/pages/settings/AgentSettings/index.tsx  | 1 -
 src/renderer/src/pages/settings/AgentSettings/shared.tsx | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/renderer/src/pages/settings/AgentSettings/index.tsx b/src/renderer/src/pages/settings/AgentSettings/index.tsx
index d6ff4e1a90..525eb94675 100644
--- a/src/renderer/src/pages/settings/AgentSettings/index.tsx
+++ b/src/renderer/src/pages/settings/AgentSettings/index.tsx
@@ -135,7 +135,6 @@ const Settings = styled.div`
   flex-direction: column;
   flex: 1;
   padding: 16px 16px;
-  overflow-y: scroll;
 `
 
 const StyledModal = styled(Modal)`
diff --git a/src/renderer/src/pages/settings/AgentSettings/shared.tsx b/src/renderer/src/pages/settings/AgentSettings/shared.tsx
index 46bd122dcf..3a311eabe2 100644
--- a/src/renderer/src/pages/settings/AgentSettings/shared.tsx
+++ b/src/renderer/src/pages/settings/AgentSettings/shared.tsx
@@ -67,7 +67,7 @@ export const SettingsItem: React.FC<SettingsItemProps> = ({
 
 export const SettingsContainer: React.FC<React.ComponentPropsWithRef<'div'>> = ({ children, className, ...props }) => {
   return (
-    <div className={cn('flex flex-1 flex-col overflow-hidden', className)} {...props}>
+    <div className={cn('flex flex-1 flex-col overflow-auto pr-2', className)} {...props}>
       {children}
     </div>
   )