minor changes

src/components/Chart.vue

@@ -4,7 +4,7 @@
     :data="state.data"
     :layout="state.layout"
     :frames="state.frames"
-    :config="{ editable: true }"
+    :config="{ editable: true, displaylogo: false }"
     :dataSources="dataSources"
     :dataSourceOptions="dataSourceOptions"
     :plotly="plotly"
@@ -12,6 +12,7 @@
     :useResizeHandler="true"
     :debug="true"
     :advancedTraceTypeSelector="true"
+    class="chart"
   />
 </template>
 
@@ -85,3 +86,30 @@ export default {
   }
 }
 </script>
+<style scoped>
+.chart {
+  height: calc(100% - 89px);
+  border-top: 1px solid var(--color-border);
+}
+
+>>> .editor_controls .sidebar__item:before {
+  width: 0;
+}
+
+>>> .sidebar {
+  width: 120px;
+  min-width: 120px;
+  max-width: 120px;
+}
+
+>>> .editor_controls__wrapper>.panel,
+>>> .editor_controls .panel__empty {
+  width: 315px;
+}
+>>> .editor_controls .sidebar__group__title {
+  padding-left: 10px;
+}
+>>> .editor_controls .sidebar__item {
+  padding-left: 32px;
+}
+</style>

src/components/Splitpanes.vue

@@ -45,7 +45,7 @@
 <script>
 
 export default {
-  name: 'splitpanes',
+  name: 'Splitpanes',
   props: {
     horizontal: { type: Boolean, default: false },
     before: { type: Object },

src/components/TabContent.vue

@@ -44,7 +44,7 @@
 <script>
 import SqlTable from '@/components/SqlTable'
 import SqlEditor from '@/components/SqlEditor'
-import Splitpanes from '@/components/splitpanes'
+import Splitpanes from '@/components/Splitpanes'
 import ViewSwitcher from '@/components/ViewSwitcher'
 import Chart from '@/components/Chart'
 

src/views/Editor.vue

@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import Splitpanes from '@/components/splitpanes'
+import Splitpanes from '@/components/Splitpanes'
 import Schema from '@/components/Schema'
 import Tabs from '@/components/Tabs'