Update styles
This commit is contained in:
parent
c3592c0674
commit
1f7e8724da
|
@ -1,9 +1,8 @@
|
||||||
<template>
|
<template>
|
||||||
<v-btn text rounded icon @click="$vuetify.theme.dark = !$vuetify.theme.dark">
|
<v-btn text @click="$vuetify.theme.dark = !$vuetify.theme.dark">
|
||||||
<v-icon v-if="$vuetify.theme.dark" color="blue darken-1"
|
<v-icon :color="$vuetify.theme.dark ? 'blue darken-1' : 'yellow darken-4'">
|
||||||
>mdi-lightbulb</v-icon
|
mdi-theme-light-dark
|
||||||
>
|
</v-icon>
|
||||||
<v-icon v-else color="yellow darken-3">mdi-lightbulb-on</v-icon>
|
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
|
|
@ -5,9 +5,8 @@
|
||||||
rounded
|
rounded
|
||||||
:block="block"
|
:block="block"
|
||||||
:class="{ 'py-7': big }"
|
:class="{ 'py-7': big }"
|
||||||
depressed
|
|
||||||
color="primary darken-1"
|
|
||||||
outlined
|
outlined
|
||||||
|
color="primary darken-1"
|
||||||
style="text-transform: initial"
|
style="text-transform: initial"
|
||||||
v-on="on"
|
v-on="on"
|
||||||
>
|
>
|
||||||
|
@ -25,20 +24,22 @@
|
||||||
</v-list-item-avatar>
|
</v-list-item-avatar>
|
||||||
|
|
||||||
<v-list-item-content>
|
<v-list-item-content>
|
||||||
<v-list-item-title>{{ me.displayName }}</v-list-item-title>
|
<v-list-item-title class="title">{{
|
||||||
|
me.displayName
|
||||||
|
}}</v-list-item-title>
|
||||||
<v-list-item-subtitle v-if="me.title"
|
<v-list-item-subtitle v-if="me.title"
|
||||||
>{{ me.title.capitalize() || '' }}
|
>{{ me.title.capitalize() || '' }}
|
||||||
</v-list-item-subtitle>
|
</v-list-item-subtitle>
|
||||||
</v-list-item-content>
|
</v-list-item-content>
|
||||||
<v-list-item-action
|
<v-list-item-action>
|
||||||
><v-btn icon><v-icon>mdi-close</v-icon></v-btn></v-list-item-action
|
<v-btn icon><v-icon>mdi-close</v-icon></v-btn>
|
||||||
>
|
</v-list-item-action>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
</v-list>
|
</v-list>
|
||||||
|
|
||||||
<v-divider />
|
<v-divider />
|
||||||
|
|
||||||
<v-list nav dense>
|
<v-list nav>
|
||||||
<v-list-item v-for="item in nav" :key="item.to" :to="item.to">
|
<v-list-item v-for="item in nav" :key="item.to" :to="item.to">
|
||||||
<v-list-item-icon>
|
<v-list-item-icon>
|
||||||
<v-icon>{{ item.icon }}</v-icon>
|
<v-icon>{{ item.icon }}</v-icon>
|
||||||
|
@ -49,12 +50,9 @@
|
||||||
|
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<ThemeToggleBtn />
|
<ThemeToggleBtn />
|
||||||
|
|
||||||
<v-spacer />
|
<v-spacer />
|
||||||
|
<v-btn color="error darken-2" depressed @click="doLogout">
|
||||||
<v-btn color="error" text large @click="doLogout">
|
<v-icon left>mdi-logout</v-icon> Sair
|
||||||
<v-icon left>mdi-logout</v-icon>
|
|
||||||
Sair
|
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
</v-card>
|
</v-card>
|
||||||
|
|
|
@ -12,7 +12,11 @@
|
||||||
md="6"
|
md="6"
|
||||||
lg="3"
|
lg="3"
|
||||||
>
|
>
|
||||||
<v-card outlined class="border-highlight">
|
<v-card
|
||||||
|
outlined
|
||||||
|
class="border-highlight"
|
||||||
|
:class="{ online: userPresence.wifiDevices[0].isOnline }"
|
||||||
|
>
|
||||||
<v-list three-line>
|
<v-list three-line>
|
||||||
<v-list-item>
|
<v-list-item>
|
||||||
<v-list-item-avatar size="52px" style="overflow: visible">
|
<v-list-item-avatar size="52px" style="overflow: visible">
|
||||||
|
@ -101,8 +105,12 @@ export default {
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="sass">
|
<style scoped lang="scss">
|
||||||
.border-highlight
|
.border-highlight {
|
||||||
box-shadow: 1.5px 1.5px 12px rgba(0, 0, 0, 0.05)
|
box-shadow: 1.5px 1.5px 12px rgba(0, 0, 0, 0.05);
|
||||||
border-left: 3px solid grey
|
border-left: 3px solid grey;
|
||||||
|
}
|
||||||
|
.online {
|
||||||
|
border-left-color: #4caf50;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
:loading="$apollo.queries.userPresence.loading"
|
:loading="$apollo.queries.userPresence.loading"
|
||||||
class="mt-6 search"
|
class="mt-6 search"
|
||||||
label="Pesquisar"
|
label="Pesquisar"
|
||||||
hint="Usuário ou AP (Ex.: jose, pp, sala 102)"
|
hint="Ex.: jose, pp, sala 102, 10.7."
|
||||||
prepend-icon="mdi-account-search"
|
prepend-icon="mdi-account-search"
|
||||||
clearable
|
clearable
|
||||||
filled
|
filled
|
||||||
|
@ -42,18 +42,28 @@
|
||||||
|
|
||||||
<v-row class="mt-6">
|
<v-row class="mt-6">
|
||||||
<v-col>
|
<v-col>
|
||||||
<v-alert class="fill-height" color="info" outlined icon="mdi-alert">
|
<v-alert
|
||||||
|
class="fill-height"
|
||||||
|
color="info darken-2"
|
||||||
|
icon="mdi-alert"
|
||||||
|
dark
|
||||||
|
>
|
||||||
A lista de pessoas mostrada aqui é obtida através do uso da rede
|
A lista de pessoas mostrada aqui é obtida através do uso da rede
|
||||||
Wireless. Este método não é preciso (podendo não indicar alguém
|
<strong>Wi-Fi</strong> Este método não é preciso, podendo não indicar
|
||||||
presente ou indicando alguém que deixou um dispositivo no campus). Use
|
alguém presente ou indicar alguém que deixou um dispositivo no campus.
|
||||||
esta lista com a devida cautela.
|
Use esta lista com a <strong>devida cautela</strong>.
|
||||||
</v-alert>
|
</v-alert>
|
||||||
</v-col>
|
</v-col>
|
||||||
|
|
||||||
<v-col>
|
<v-col>
|
||||||
<v-alert class="fill-height" color="accent" outlined icon="mdi-update">
|
<v-alert
|
||||||
A lista é atualizada automaticamente. Não é necessário atualizar a
|
class="fill-height"
|
||||||
página.
|
color="info darken-2"
|
||||||
|
icon="mdi-update"
|
||||||
|
dark
|
||||||
|
>
|
||||||
|
A lista é atualizada automaticamente. Não é necessário
|
||||||
|
<strong>atualizar</strong> a página.
|
||||||
</v-alert>
|
</v-alert>
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user