EditorTabPage - overflowY, and body background

ziglana · May 12, 2022 · 185263b · 185263b
1 parent 81ff357
commit 185263b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/app/src/assets/styles/global.css b/app/src/assets/styles/global.css
@@ -2,7 +2,7 @@
 @import './reset-defaults.css';
 body {
   font-size: 13px;
-  background: black;
+  background: #404040;
   /* line-height: 1.15; */
   /* color: font-color; */
   /* fill: font-color; */

diff --git a/app/src/components/Dashboard/EditorTabPage/EditorTabPage.tsx b/app/src/components/Dashboard/EditorTabPage/EditorTabPage.tsx
@@ -171,7 +171,7 @@ export default class EditorTabPage extends React.Component<Props> {
     return (
       <React.Fragment>
         <FullScreener enter={this.state.enterFullScreen}>
-          <Splitter split="horizontal" minSize={100} defaultSize={350}>
+          <Splitter split="horizontal" minSize={100} defaultSize={300}>
             <SqlEditor
               content={model.content}
               onContentChange={this.onContentChange}
@@ -192,7 +192,7 @@ export default class EditorTabPage extends React.Component<Props> {
                 pinned={model.pinnedResult}
                 onAction={this.onResultTabAction}
               >
-                <TabsTabPane key="table" tab="Data / Table">
+                <TabsTabPane key="table" tab="Data / Table" style={{ overflowY: "auto"}}>
                   {!!store.uiStore.executingQueries.length && (
                     <Progress queries={store.uiStore.executingQueries} />
                   )}