Layout changes
This commit is contained in:
parent
5b27077c48
commit
5a95582b13
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<v-container fluid>
|
||||
<v-toolbar class="mb-2" flat outlined max-width="400px">
|
||||
<v-toolbar class="mb-2" flat outlined>
|
||||
<v-text-field
|
||||
v-model="search"
|
||||
label="Pesquisar"
|
||||
|
@ -9,6 +9,17 @@
|
|||
hide-details
|
||||
:loading="$apollo.queries.wifiDevices.loading"
|
||||
/>
|
||||
<v-spacer />
|
||||
|
||||
<v-select
|
||||
v-model="itemsPerPage"
|
||||
class="shrink"
|
||||
:items="[10, 20, 30, 50, 100]"
|
||||
label="Items por página"
|
||||
hide-details
|
||||
outlined
|
||||
dense
|
||||
/>
|
||||
|
||||
<v-tooltip bottom>
|
||||
<span>Atualizar</span>
|
||||
|
@ -47,24 +58,6 @@
|
|||
no total.
|
||||
</div>
|
||||
|
||||
<v-toolbar flat>
|
||||
<v-pagination
|
||||
v-model="page"
|
||||
class="my-4"
|
||||
:length="pagesTotal"
|
||||
:total-visible="7"
|
||||
/>
|
||||
<v-spacer />
|
||||
<v-select
|
||||
v-model="itemsPerPage"
|
||||
class="shrink"
|
||||
:items="[5, 15, 30, 50, 100]"
|
||||
label="Items por página"
|
||||
hide-details
|
||||
outlined
|
||||
dense
|
||||
/>
|
||||
</v-toolbar>
|
||||
<v-progress-linear :indeterminate="$apollo.queries.wifiDevices.loading" />
|
||||
|
||||
<ClientsDataTable :wifi-devices="computedWifiDevices" />
|
||||
|
@ -88,7 +81,7 @@ export default {
|
|||
data: () => ({
|
||||
search: '',
|
||||
page: 1,
|
||||
itemsPerPage: 15
|
||||
itemsPerPage: 10
|
||||
}),
|
||||
computed: {
|
||||
computedWifiDevices() {
|
||||
|
|
Loading…
Reference in New Issue
Block a user