modified: frontend/src/components/SqlEditor.tsx
modified: frontend/src/pages/SqlInterface.tsx
This commit is contained in:
@@ -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 || '')}
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user