backend - child panes scrollable
This commit is contained in:
parent
d26abe8aad
commit
3c8f3f522a
|
@ -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%;
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue