Added dynamic title

web/src/components/CreateTokenForm.vue

@@ -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>

web/src/components/MainDrawer.vue

@@ -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"

web/src/components/ReplacePasswordForm.vue

@@ -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>

web/src/components/UpdatePasswordForm.vue

@@ -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>

web/src/components/UserPresenceStatusList.vue

@@ -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 {

web/src/components/widgets/Widget.vue

@@ -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>
+<style scoped></style>
-.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>

web/src/layouts/Default.vue

@@ -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-tooltip right>
-                <v-img src="../assets/logoTI-white.svg" contain />
+                <span>Portal de Tecnologia da Informação</span>
-              </v-avatar>
+                <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>

web/src/router/index.js

@@ -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: () =>

web/src/scss/style.scss

@@ -3,9 +3,9 @@
 //   background-color: #3fa14c;
 //   background-image: linear-gradient(
 //     45deg,
-//     #3fa14cff 0%,
+//     #3fa14c 0%,
-//     #3ecf51 60%,
+//     #317e3b 60%,
-//     #39e650 100%
+//     #386d40 100%
 //   );
 // }
 

web/src/views/UserPresence.vue

@@ -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>