backend - child panes scrollable

This commit is contained in:
Michael Shanks 2020-02-24 21:31:35 +00:00
parent d26abe8aad
commit 3c8f3f522a
2 changed files with 6 additions and 1 deletions

View File

@ -15,7 +15,7 @@
<div class="nav"> <div class="nav">
<BackendNav /> <BackendNav />
</div> </div>
<div class="content" style="width: calc(100% - {navWidth}); left: {navWidth}"> <div class="content">
{#if $store.activeNav === 'database'} {#if $store.activeNav === 'database'}
<Database /> <Database />
{:else if $store.activeNav === 'actions'} {:else if $store.activeNav === 'actions'}
@ -37,9 +37,12 @@
height: 100%; height: 100%;
background-color: var(--white); background-color: var(--white);
margin: 0; margin: 0;
overflow-y: auto;
overflow-x: hidden;
} }
.nav { .nav {
overflow: auto;
flex: 0 1 auto; flex: 0 1 auto;
width: 300px; width: 300px;
height: 100%; height: 100%;

View File

@ -60,12 +60,14 @@
display: flex; display: flex;
align-items: center; align-items: center;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
box-sizing: border-box;
} }
.content { .content {
flex: 1 1 auto; flex: 1 1 auto;
width: 100%; width: 100%;
height: 100px; height: 100px;
overflow: hidden;
} }
.content > div { .content > div {