Adaptive pageSize

web/src/views/UserPresence.vue

@@ -134,7 +134,7 @@
 
       <div v-else>
         <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-list three-line>
                 <v-list-item>
@@ -233,6 +233,9 @@ export default {
       resultSize: pageSize
     }
   },
+  beforeMount() {
+    if (this.$vuetify.breakpoint.mdAndUp) this.resultSize = this.pageSize = 24
+  },
   apollo: {
     userPresence: {
       // fetchPolicy: 'cache-and-network',