Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2025-12-19 14:41:24 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

fix: update MCPSettings layout and styling

Browse Source 
- 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.
This commit is contained in:
kangfenmao 2025-12-15 10:09:51 +08:00
parent e78f25ff91
commit a1f0addafb
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/renderer/src/pages/settings/MCPSettings/McpSettings.tsx
View File

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