Fix lazy wrapper's height in list mode

This commit is contained in:
Mykyta Poturai 2020-08-25 21:13:25 +03:00
parent 781e971357
commit 4dba586e09
4 changed files with 14 additions and 2 deletions

View File

@ -8,6 +8,7 @@
appearance="result"
:data="result"
:first-screen="index < 16"
:layout="listType"
/>
</ft-auto-grid>
</template>

View File

@ -1,3 +1,7 @@
.lazyWrapper {
.grid {
min-height: 264px;
}
.list {
min-height: 131px;
}

View File

@ -22,6 +22,10 @@ export default Vue.extend({
firstScreen: {
type: Boolean,
required: true
},
layout: {
type: String,
default: 'grid'
}
},
data: function () {

View File

@ -4,7 +4,10 @@
callback: onVisibilityChanged,
once: true,
}"
class="lazyWrapper"
:class="{
grid: layout === 'grid',
list: layout === 'list'
}"
>
<ft-list-channel
v-if="data.type === 'channel' && visible"