Adaptive pageSize

This commit is contained in:
Douglas Barone 2020-12-18 10:07:38 -04:00
parent 6aaad16a78
commit aaaa6e0ebd

View File

@ -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',