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,13 +55,15 @@
<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>
<Node <div class="contents">
value={json} <Node
searchResult={searchResult} value={json}
expanded={true} searchResult={searchResult}
onChangeKey={handleChangeKey} expanded={true}
onChangeValue={handleChangeValue} onChangeKey={handleChangeKey}
/> onChangeValue={handleChangeValue}
/>
</div>
</div> </div>
<style type="text/scss"> <style type="text/scss">
@ -71,7 +73,9 @@
border: 1px solid gray; border: 1px solid gray;
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;
@ -87,6 +91,11 @@
font-size: $font-size; font-size: $font-size;
padding: $input-padding; padding: $input-padding;
} }
} }
.contents {
flex: 1;
overflow: auto;
}
} }
</style> </style>