From 609e55971698589270fd97b98eaffbe84008bd82 Mon Sep 17 00:00:00 2001
From: Douglas Barone <douglasvbarone@gmail.com>
Date: Wed, 9 Dec 2020 10:49:29 -0400
Subject: [PATCH] Added footer

---
 web/src/views/UserPresence.vue | 53 ++++++++++++++++++++++++----------
 1 file changed, 37 insertions(+), 16 deletions(-)

diff --git a/web/src/views/UserPresence.vue b/web/src/views/UserPresence.vue
index e376d34..c3b28f3 100644
--- a/web/src/views/UserPresence.vue
+++ b/web/src/views/UserPresence.vue
@@ -1,6 +1,11 @@
 <template>
   <div>
-    <v-toolbar height="100" class="align-content-center bottom-border" flat>
+    <v-toolbar
+      height="100"
+      class="align-content-center bottom-border"
+      flat
+      tile
+    >
       <v-text-field
         v-model="search"
         :loading="$apollo.queries.userPresence.loading"
@@ -35,21 +40,37 @@
         :loading="$apollo.queries.userPresence.loading && !userPresence"
       />
 
-      <v-btn
-        :elevation="0"
-        color="accent"
-        :disabled="
-          !userPresence ||
-          resultSize >= userPresence.length ||
-          $apollo.queries.userPresence.loading
-        "
-        text
-        large
-        block
-        @click="resultSize += 12"
-      >
-        Mostrar mais
-      </v-btn>
+      <v-footer>
+        <v-spacer />
+        <v-btn
+          :elevation="0"
+          :disabled="
+            !userPresence ||
+            resultSize >= userPresence.length ||
+            $apollo.queries.userPresence.loading
+          "
+          large
+          icon
+          @click="resultSize += 12"
+        >
+          <v-icon>mdi-plus</v-icon>
+        </v-btn>
+        <v-btn
+          class="ml-2"
+          icon
+          :elevation="0"
+          :disabled="
+            !userPresence ||
+            resultSize >= userPresence.length ||
+            $apollo.queries.userPresence.loading ||
+            resultSize <= 12
+          "
+          large
+          @click="resultSize -= 12"
+        >
+          <v-icon>mdi-minus</v-icon>
+        </v-btn>
+      </v-footer>
 
       <v-row class="mt-6">
         <v-col cols="12" md="6">