Added dynamic title
This commit is contained in:
parent
7597af76fa
commit
734d75cdee
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<v-card :loading="loading" flat outlined>
|
||||
<v-card :loading="loading" flat outlined class="light-shadow">
|
||||
<v-card-title class="font-weight-light display-1 mb-2">
|
||||
Criar token
|
||||
</v-card-title>
|
||||
|
|
|
@ -2,6 +2,7 @@
|
|||
<v-navigation-drawer
|
||||
v-if="me"
|
||||
v-model="drawer"
|
||||
class="light-shadow"
|
||||
:mini-variant="mini"
|
||||
:mini-variant-width="64"
|
||||
:right="$vuetify.breakpoint.mdAndDown"
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<v-card :loading="loading" flat outlined>
|
||||
<v-card :loading="loading" flat outlined class="light-shadow">
|
||||
<v-card-title class="font-weight-light display-1 mb-2">
|
||||
Alterar uma senha
|
||||
</v-card-title>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<v-card :loading="loading" flat outlined>
|
||||
<v-card :loading="loading" flat outlined class="light-shadow">
|
||||
<v-card-title class="display-1 font-weight-light mb-2">
|
||||
Alterar minha senha
|
||||
</v-card-title>
|
||||
|
|
|
@ -15,7 +15,7 @@
|
|||
>
|
||||
<v-card
|
||||
outlined
|
||||
class="border-highlight"
|
||||
class="border-highlight light-shadow"
|
||||
:class="{ online: userPresence.wifiDevices[0].isOnline }"
|
||||
>
|
||||
<v-list three-line>
|
||||
|
@ -70,7 +70,7 @@
|
|||
<div v-else>
|
||||
<div class="layout row row--dense wrap">
|
||||
<v-col v-for="i in 12" :key="i" cols="12" md="6" lg="3">
|
||||
<v-card outlined class="border-highlight">
|
||||
<v-card outlined class="border-highlight light-shadow">
|
||||
<v-list three-line>
|
||||
<v-list-item>
|
||||
<v-list-item-avatar>
|
||||
|
@ -108,7 +108,6 @@ export default {
|
|||
|
||||
<style scoped lang="scss">
|
||||
.border-highlight {
|
||||
box-shadow: 1.5px 1.5px 12px rgba(0, 0, 0, 0.05);
|
||||
border-left: 4px solid grey;
|
||||
}
|
||||
.online {
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<v-card v-bind="$attrs" outlined class="fill-height widged">
|
||||
<v-card v-bind="$attrs" outlined class="fill-height widged light-shadow">
|
||||
<v-toolbar flat class="font-weight-light headline">
|
||||
<v-icon v-if="widgetIcon" left>{{ widgetIcon }}</v-icon>
|
||||
<span>
|
||||
|
@ -37,9 +37,4 @@ export default {
|
|||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.v-card.v-sheet.v-sheet--outlined.theme--light,
|
||||
.v-card.v-sheet.v-sheet--outlined.theme--dark {
|
||||
box-shadow: 1.5px 1.5px 12px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
</style>
|
||||
<style scoped></style>
|
||||
|
|
|
@ -5,13 +5,18 @@
|
|||
<v-app-bar app elevate-on-scroll color="primary darken-2" dark clipped-left>
|
||||
<v-container fluid>
|
||||
<v-row>
|
||||
<v-col v-if="$vuetify.breakpoint.lgAndUp">
|
||||
<v-col v-if="$vuetify.breakpoint.mdAndUp">
|
||||
<v-toolbar-title>
|
||||
<v-avatar tile left>
|
||||
<v-img src="../assets/logoTI-white.svg" contain />
|
||||
</v-avatar>
|
||||
<v-tooltip right>
|
||||
<span>Portal de Tecnologia da Informação</span>
|
||||
<template #activator="{ on }">
|
||||
<v-avatar tile left v-on="on">
|
||||
<v-img src="../assets/logoTI-white.svg" contain />
|
||||
</v-avatar>
|
||||
</template>
|
||||
</v-tooltip>
|
||||
<span class="title font-weight-light ml-4">
|
||||
Portal de Tecnologia da Informação
|
||||
{{ pageTitle }}
|
||||
</span>
|
||||
</v-toolbar-title>
|
||||
</v-col>
|
||||
|
@ -45,6 +50,13 @@ export default {
|
|||
components: { UserMenu, MainDrawer },
|
||||
data: () => ({
|
||||
mainDrawer: true
|
||||
})
|
||||
}),
|
||||
computed: {
|
||||
pageTitle() {
|
||||
return this.$route.meta.title
|
||||
? `PTI - ${this.$route.meta.title}`
|
||||
: 'Portal de Tecnologia da Informação'
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
@ -17,7 +17,7 @@ const routes = [
|
|||
tokenCreator: false,
|
||||
servant: false,
|
||||
student: false,
|
||||
title: 'Home'
|
||||
title: null
|
||||
}
|
||||
},
|
||||
{
|
||||
|
@ -59,7 +59,7 @@ const routes = [
|
|||
path: '/user-info',
|
||||
name: 'user-info',
|
||||
meta: {
|
||||
title: 'Informações do usuário',
|
||||
title: 'Inspecionar usuário',
|
||||
superAdmin: true
|
||||
},
|
||||
component: () =>
|
||||
|
@ -69,7 +69,7 @@ const routes = [
|
|||
path: '/replace-password',
|
||||
name: 'replace-password',
|
||||
meta: {
|
||||
title: 'Alterar uma senha',
|
||||
title: 'Redefinir uma senha',
|
||||
superAdmin: true
|
||||
},
|
||||
component: () =>
|
||||
|
|
|
@ -3,9 +3,9 @@
|
|||
// background-color: #3fa14c;
|
||||
// background-image: linear-gradient(
|
||||
// 45deg,
|
||||
// #3fa14cff 0%,
|
||||
// #3ecf51 60%,
|
||||
// #39e650 100%
|
||||
// #3fa14c 0%,
|
||||
// #317e3b 60%,
|
||||
// #386d40 100%
|
||||
// );
|
||||
// }
|
||||
|
||||
|
|
|
@ -51,7 +51,7 @@
|
|||
Sua pesquisa não encontrou nenhum usuário.
|
||||
</v-alert>
|
||||
|
||||
<v-footer>
|
||||
<v-footer class="mt-6 light-shadow" outlined rounded>
|
||||
<span v-if="$vuetify.breakpoint.mdAndUp">
|
||||
Ordenando por <em>"visto por último"</em>
|
||||
</span>
|
||||
|
|
Loading…
Reference in New Issue
Block a user