[ui] under 1080px screen height, scroll entire content of browse scroll
This commit is contained in:
parent
c27c9dbb0a
commit
a1f1847ead
1 changed files with 58 additions and 42 deletions
|
@ -181,6 +181,8 @@
|
|||
<Spinner centered />
|
||||
{/if}
|
||||
</h2>
|
||||
</header>
|
||||
<div class="main-content">
|
||||
{#if groups?.length || editable}
|
||||
<section class="groups labelborder">
|
||||
<header><h3>Groups</h3></header>
|
||||
|
@ -210,7 +212,6 @@
|
|||
</div>
|
||||
</section>
|
||||
{/if}
|
||||
</header>
|
||||
<BlobPreview {address} {editable} {detail} />
|
||||
<NotesEditor {address} {editable} on:change={onChange} />
|
||||
{#if !$error}
|
||||
|
@ -252,19 +253,22 @@
|
|||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@use "./util";
|
||||
|
||||
.inspect {
|
||||
header h2 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.inspect,
|
||||
.main-content {
|
||||
flex: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.5rem;
|
||||
|
||||
h2 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.groups {
|
||||
|
@ -292,6 +296,18 @@
|
|||
overflow-y: auto;
|
||||
}
|
||||
|
||||
@media screen and (max-height: 1080px) {
|
||||
.main-content {
|
||||
overflow-y: scroll;
|
||||
// min-height: 0;
|
||||
}
|
||||
|
||||
.attributes {
|
||||
height: unset;
|
||||
overflow-y: unset;
|
||||
}
|
||||
}
|
||||
|
||||
.error {
|
||||
color: red;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue