scrollable ui

- the entire width of the ui is now scrollable
6 years ago · ddbb3e287c
1 changed files with 10 additions and 5 deletions
--- a/packages/builder/src/pages/[application]/data/datasource/[selectedDatasource]/[query]/index.svelte
+++ b/packages/builder/src/pages/[application]/data/datasource/[selectedDatasource]/[query]/index.svelte
@ -28,19 +28,24 @@
 </script>

 <section>
-  {#if $backendUiStore.selectedDatabase._id && selectedQuery}
-    <QueryInterface query={selectedQuery} />
-  {/if}
+  <div class="inner">
+    {#if $backendUiStore.selectedDatabase._id && selectedQuery}
+      <QueryInterface query={selectedQuery} />
+    {/if}
+  </div>
 </section>

 <style>
  section {
    overflow: scroll;
-    width: 640px;
-    margin: 0 auto;
  }
  ::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
  }
+
+  .inner {
+    width: 640px;
+    margin: 0 auto;
+  }
 </style>