fix empty space on virtual scroll layout when the header has no content on folder page

This commit is contained in:
geoffrey45
2022-09-21 17:39:44 +03:00
committed by Mungai Njoroge
parent 8fe99a9b44
commit 9cbaa7ecff
2 changed files with 8 additions and 4 deletions
+1 -1
View File
@@ -3,7 +3,7 @@
<div <div
v-bind="containerProps" v-bind="containerProps"
style="height: calc(100vh - 4.25rem)" style="height: calc(100vh - 4.25rem)"
:style="{ paddingTop: headerHeight - 64 + 16 + 'px' }" :style="{ paddingTop: !no_header ? headerHeight - 64 + 16 + 'px' : 0 }"
@scroll="handleScroll" @scroll="handleScroll"
> >
<div v-bind="wrapperProps" class="scrollable"> <div v-bind="wrapperProps" class="scrollable">
+7 -3
View File
@@ -1,7 +1,11 @@
<template> <template>
<Layout :tracks="folder.tracks" @playFromPage="playFromPage"> <Layout
<template #header> :tracks="folder.tracks"
<FolderList :folders="folder.dirs" v-if="folder.dirs.length" /> :no_header="folder.dirs.length === 0"
@playFromPage="playFromPage"
>
<template #header v-if="folder.dirs.length">
<FolderList :folders="folder.dirs" />
</template> </template>
</Layout> </Layout>
</template> </template>