Use chips

web/src/views/AccessPoints/clients.vue

@@ -64,14 +64,25 @@
 
             <template #[`item.signalStrength`]="{ item: { signalStrength } }">
               <template v-if="signalStrength < 0">
-                <v-icon :color="signalStrengthColor(signalStrength)">
-                  {{ signalStrengthIcon(signalStrength) }}
-                </v-icon>
-                {{ signalStrength }} dBm
+                <v-chip
+                  small
+                  :color="signalStrengthColor(signalStrength) + ' lighten-5'"
+                >
+                  <v-icon
+                    small
+                    left
+                    :color="signalStrengthColor(signalStrength)"
+                  >
+                    {{ signalStrengthIcon(signalStrength) }}
+                  </v-icon>
+                  {{ signalStrength }} dBm
+                </v-chip>
               </template>
               <template v-else>
-                <v-icon>mdi-sine-wave</v-icon>
-                Aguarde...
+                <v-chip small>
+                  <v-icon small left>mdi-sine-wave</v-icon>
+                  Aguarde...
+                </v-chip>
               </template>
             </template>
 
@@ -130,10 +141,10 @@ export default {
 
   methods: {
     signalStrengthIcon(signalStrength) {
-      if (signalStrength > -40) return 'mdi-network-strength-4'
-      if (signalStrength > -65) return 'mdi-network-strength-3'
-      if (signalStrength > -80) return 'mdi-network-strength-2'
-      return 'mdi-network-strength-1'
+      if (signalStrength > -40) return 'mdi-signal-cellular-3'
+      if (signalStrength > -65) return 'mdi-signal-cellular-2'
+      if (signalStrength > -80) return 'mdi-signal-cellular-1'
+      return 'mdi-signal-cellular-outline'
     },
     signalStrengthColor(signalStrength) {
       if (signalStrength > -40) return 'green'

web/src/views/AccessPoints/index.vue

@@ -352,8 +352,4 @@ export default {
 }
 </script>
 
-<style>
-.client-chip {
-  width: 75px;
-}
-</style>
+<style></style>