Adaptive pageSize
This commit is contained in:
parent
6aaad16a78
commit
aaaa6e0ebd
|
@ -134,7 +134,7 @@
|
||||||
|
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<div class="layout row row--dense wrap">
|
<div class="layout row row--dense wrap">
|
||||||
<v-col v-for="i in 12" :key="i" cols="12" sm="6" md="4" lg="3">
|
<v-col v-for="i in pageSize" :key="i" cols="12" sm="6" md="4" lg="3">
|
||||||
<v-card outlined class="border-highlight light-shadow">
|
<v-card outlined class="border-highlight light-shadow">
|
||||||
<v-list three-line>
|
<v-list three-line>
|
||||||
<v-list-item>
|
<v-list-item>
|
||||||
|
@ -233,6 +233,9 @@ export default {
|
||||||
resultSize: pageSize
|
resultSize: pageSize
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
beforeMount() {
|
||||||
|
if (this.$vuetify.breakpoint.mdAndUp) this.resultSize = this.pageSize = 24
|
||||||
|
},
|
||||||
apollo: {
|
apollo: {
|
||||||
userPresence: {
|
userPresence: {
|
||||||
// fetchPolicy: 'cache-and-network',
|
// fetchPolicy: 'cache-and-network',
|
||||||
|
|
Loading…
Reference in New Issue
Block a user