diff --git a/frontend/src/components/QueryEditor.results-and-drop.test.tsx b/frontend/src/components/QueryEditor.results-and-drop.test.tsx index 286382cd..a6707676 100644 --- a/frontend/src/components/QueryEditor.results-and-drop.test.tsx +++ b/frontend/src/components/QueryEditor.results-and-drop.test.tsx @@ -1241,7 +1241,9 @@ describe('QueryEditor external SQL save', () => { overflow: 'auto', width: '100%', minWidth: 0, + padding: '10px 12px', }); + expect(messageTextarea.props.style.padding).not.toBe(0); expect(messageTextarea.props.style.minWidth).not.toBe('max-content'); expect(messageBlock.props.style).toMatchObject({ alignItems: 'stretch', @@ -1253,7 +1255,10 @@ describe('QueryEditor external SQL save', () => { width: '100%', overflow: 'hidden', minWidth: 0, + borderRadius: 6, }); + expect(messageScrollBody.props.style.border).toContain('1px solid'); + expect(messageScrollBody.props.style.background).toBeTruthy(); expect(messageTextarea.props.value).not.toContain('mssql:'); }); diff --git a/frontend/src/components/QueryEditorResultsPanel.tsx b/frontend/src/components/QueryEditorResultsPanel.tsx index 9cfdf3ae..0307b6b1 100644 --- a/frontend/src/components/QueryEditorResultsPanel.tsx +++ b/frontend/src/components/QueryEditorResultsPanel.tsx @@ -180,6 +180,8 @@ const QueryEditorResultsPanel: React.FC = ({ overflow: 'hidden', minWidth: 0, borderRadius: 6, + border: darkMode ? '1px solid rgba(255,255,255,0.14)' : '1px solid rgba(0,0,0,0.10)', + background: darkMode ? 'rgba(0,0,0,0.18)' : 'rgba(0,0,0,0.018)', }} >