Layout changes

This commit is contained in:
Douglas Barone 2020-12-16 10:33:23 -04:00
parent 73cc1a6c70
commit 42e0da7c2c

View File

@ -30,10 +30,12 @@
</v-toolbar> </v-toolbar>
<v-container fluid class="mb-12"> <v-container fluid class="mb-12">
<div v-if="stats" class="text-center my-4"> <div v-if="stats" class="text-center my-4">
<v-chip color="primary" class="mr-1" dark> <span>
{{ stats.onlineUsers }} <v-chip color="primary" class="mr-1" dark>
</v-chip> {{ stats.onlineUsers }}
usuários online. </v-chip>
usuários online.
</span>
<v-scale-transition> <v-scale-transition>
<span v-if="search"> <span v-if="search">
<v-chip color="primary" class="ml-2 mr-1" dark> <v-chip color="primary" class="ml-2 mr-1" dark>
@ -42,7 +44,7 @@
presence => presence.wifiDevices[0].isOnline presence => presence.wifiDevices[0].isOnline
).length ).length
}} }}
/ {{ userPresence.length }} de {{ userPresence.length }}
</v-chip> </v-chip>
na sua pesquisa. na sua pesquisa.
</span> </span>
@ -101,26 +103,16 @@
<v-row class="mt-6"> <v-row class="mt-6">
<v-col cols="12" md="6"> <v-col cols="12" md="6">
<v-alert <v-alert type="info" icon="mdi-alert" border="left" text>
class="fill-height" A lista de usuários é obtida através do uso da rede
color="primary darken-1" <strong>Wi-Fi</strong>. Ela pode não mostrar alguém presente ou
icon="mdi-alert" indicar alguém que deixou um dispositivo no campus. Use esta lista
dark com a <strong>devida cautela</strong>.
>
A lista de pessoas mostrada aqui é obtida através do uso da rede
<strong>Wi-Fi</strong>. Este método não é preciso, podendo não
indicar alguém presente ou indicar alguém que deixou um dispositivo
no campus. Use esta lista com a <strong>devida cautela</strong>.
</v-alert> </v-alert>
</v-col> </v-col>
<v-col cols="12" md="6"> <v-col cols="12" md="6">
<v-alert <v-alert type="info" icon="mdi-update" text border="left">
class="fill-height"
color="primary darken-1"
icon="mdi-update"
dark
>
A lista é atualizada automaticamente. Não é necessário A lista é atualizada automaticamente. Não é necessário
<strong>atualizar</strong> a página. <strong>atualizar</strong> a página.
</v-alert> </v-alert>