Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2026-01-09 23:10:20 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

style(AgentSettings): remove overflow-y scroll and adjust overflow settings

Browse Source 
Update overflow behavior in settings components to use auto instead of scroll
and add right padding to prevent content clipping
This commit is contained in:
icarus 2025-09-22 13:59:05 +08:00
parent 4484f39525
commit 381397ed31
2 changed files with 1 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/renderer/src/pages/settings/AgentSettings/index.tsx
View File

@ -135,7 +135,6 @@ const Settings = styled.div`
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;
padding: 16px 16px; padding: 16px 16px;
overflow-y: scroll;
` `
const StyledModal = styled(Modal)` const StyledModal = styled(Modal)`

2
src/renderer/src/pages/settings/AgentSettings/shared.tsx
View File

@ -67,7 +67,7 @@ export const SettingsItem: React.FC<SettingsItemProps> = ({
export const SettingsContainer: React.FC<React.ComponentPropsWithRef<'div'>> = ({ children, className, ...props }) => { export const SettingsContainer: React.FC<React.ComponentPropsWithRef<'div'>> = ({ children, className, ...props }) => {
return ( 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} {children}
</div> </div>
) )