Fix overflow of contents

This commit is contained in:
josdejong 2020-05-04 21:58:04 +02:00
parent 9b5891d5cb
commit f495974598
1 changed files with 18 additions and 9 deletions

View File

@ -55,6 +55,7 @@
<div class="menu"> <div class="menu">
<Icon data={faSearch} /> Search: <input class="search-input" bind:value={searchText} /> <Icon data={faSearch} /> Search: <input class="search-input" bind:value={searchText} />
</div> </div>
<div class="contents">
<Node <Node
value={json} value={json}
searchResult={searchResult} searchResult={searchResult}
@ -63,6 +64,7 @@
onChangeValue={handleChangeValue} onChangeValue={handleChangeValue}
/> />
</div> </div>
</div>
<style type="text/scss"> <style type="text/scss">
@import './styles.scss'; @import './styles.scss';
@ -72,6 +74,8 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
min-height: 150px; min-height: 150px;
display: flex;
flex-direction: column;
.menu { .menu {
font-family: $font-family-menu; font-family: $font-family-menu;
@ -88,5 +92,10 @@
padding: $input-padding; padding: $input-padding;
} }
} }
.contents {
flex: 1;
overflow: auto;
}
} }
</style> </style>