From aaaa6e0ebd3b45cc1e13633bf5e3e24be7bda164 Mon Sep 17 00:00:00 2001
From: Douglas Barone <douglasvbarone@gmail.com>
Date: Fri, 18 Dec 2020 10:07:38 -0400
Subject: [PATCH] Adaptive pageSize

---
 web/src/views/UserPresence.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/src/views/UserPresence.vue b/web/src/views/UserPresence.vue
index d453e73..086f14b 100644
--- a/web/src/views/UserPresence.vue
+++ b/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',