Added footer

This commit is contained in:
Douglas Barone 2020-12-09 10:49:29 -04:00
parent ad3c6f05a3
commit 609e559716

View File

@ -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">