scrollable ui

- the entire width of the ui is now scrollable
This commit is contained in:
Joe 2021-02-22 09:02:09 +00:00
parent 7166f11a1d
commit ddbb3e287c
1 changed files with 10 additions and 5 deletions

View File

@ -28,19 +28,24 @@
</script> </script>
<section> <section>
<div class="inner">
{#if $backendUiStore.selectedDatabase._id && selectedQuery} {#if $backendUiStore.selectedDatabase._id && selectedQuery}
<QueryInterface query={selectedQuery} /> <QueryInterface query={selectedQuery} />
{/if} {/if}
</div>
</section> </section>
<style> <style>
section { section {
overflow: scroll; overflow: scroll;
width: 640px;
margin: 0 auto;
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 0px; width: 0px;
background: transparent; /* make scrollbar transparent */ background: transparent; /* make scrollbar transparent */
} }
.inner {
width: 640px;
margin: 0 auto;
}
</style> </style>