modified: frontend/src/components/SqlEditor.tsx

modified:   frontend/src/pages/SqlInterface.tsx
This commit is contained in:
2026-01-27 23:25:56 +03:00
parent 6b507425aa
commit dae878089d
2 changed files with 3 additions and 4 deletions

View File

@@ -124,9 +124,9 @@ export default function SqlEditor({ value, onChange, databaseId, height = '400px
}; };
return ( return (
<div className="border border-gray-300 rounded-lg overflow-hidden"> <div className="border border-gray-300 rounded-lg overflow-hidden h-full">
<Editor <Editor
height={height} height="100%"
defaultLanguage="sql" defaultLanguage="sql"
value={value} value={value}
onChange={(value) => onChange(value || '')} onChange={(value) => onChange(value || '')}

View File

@@ -319,14 +319,13 @@ export default function SqlInterface() {
<div ref={containerRef} className="flex-1 flex flex-col min-h-0 relative"> <div ref={containerRef} className="flex-1 flex flex-col min-h-0 relative">
{/* SQL Editor */} {/* SQL Editor */}
<div <div
className="overflow-hidden" className="min-h-0"
style={{ height: `${state.splitPosition}%` }} style={{ height: `${state.splitPosition}%` }}
> >
<SqlEditor <SqlEditor
value={activeTab?.query || ''} value={activeTab?.query || ''}
onChange={(value) => updateTab(activeTab.id, { query: value })} onChange={(value) => updateTab(activeTab.id, { query: value })}
databaseId={activeTab?.databaseId} databaseId={activeTab?.databaseId}
height="100%"
/> />
</div> </div>