Move toolbar

web/src/views/WifiDevices.vue

@@ -1,21 +1,14 @@
 <template>
   <v-container fluid>
-    <v-data-iterator
-      :items="computedWifiDevices"
-      :items-per-page.sync="itemsPerPage"
-      :page="page"
-      :loading="$apollo.queries.wifiDevices.loading"
-      :search="search"
-    >
-      <template #header>
     <v-toolbar flat class="mb-2">
       <v-text-field
         v-model="search"
+        prepend-inner-icon="mdi-cellphone"
         rounded
         outlined
+        dense
         label="Buscar"
         hint="MAC, IP, Usuário"
-            dense
       />
       <v-tooltip bottom>
         <span>Atualizar</span>
@@ -34,7 +27,13 @@
         </template>
       </v-tooltip>
     </v-toolbar>
-      </template>
+    <v-data-iterator
+      :items="computedWifiDevices"
+      :items-per-page.sync="itemsPerPage"
+      :page="page"
+      :loading="$apollo.queries.wifiDevices.loading"
+      :search="search"
+    >
       <template #default="{ items }">
         <v-expansion-panels multiple>
           <v-expansion-panel v-for="device in items" :key="device.mac">

web/src/views/WifiUsers.vue

@@ -1,14 +1,9 @@
 <template>
   <v-container fluid>
-    <v-data-iterator
-      :items="sortedWifiUsers"
-      :loading="$apollo.queries.wifiUsers.loading"
-      :search="search"
-    >
-      <template #header>
     <v-toolbar flat class="mb-2">
       <v-text-field
         v-model="search"
+        prepend-inner-icon="mdi-account"
         rounded
         outlined
         label="Buscar"
@@ -32,8 +27,11 @@
         </template>
       </v-tooltip>
     </v-toolbar>
-      </template>
-
+    <v-data-iterator
+      :items="sortedWifiUsers"
+      :loading="$apollo.queries.wifiUsers.loading"
+      :search="search"
+    >
       <template #default="{ items }">
         <v-expansion-panels>
           <v-expansion-panel v-for="user in items" :key="user.sAMAccountName">